app.vue

<template>
  <div id="app">
    <router-view :arr="bookData"></router-view>
  </div>
</template>

<script>
import axios from 'axios'
import store from './router/store'

export default {
  name: 'app',
  props: ['arr'],
  data () {
    return {
      bookData: []
    }
  },
  methods: {
    array () {
      let url = '://example.com?api=sdfsdf'
      return axios.get(url)
      .then((res) => {
        this.bookData = res.data.feed.entry
        store.dispatch('books', this.bookData)
      })
    }
  },
  created () {
    this.array()
  }
}
</script>

<style scoped>
#app {}
</style>