vuex错误 this.$store.dispatch is not a function 求高手解决下

Question

我的文件结构
main.js
store/index.js
components/index.vue

main.js

import Vue from 'vue'
import Vuex from 'vuex'
import store from './store'
Vue.use(Vuex)

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

store/index.js

export default {
  state: {
    datalist: []
  },
  mutations: {

  },
  actions: {
    getData() {
      this.$http.get("apiurl")
        .then(response => {
          console.log(response)
          console.log(response.data)
        })
        .catch(err => {
          console.log(err);
        });
    }
  }
}

index.vue

mounted(){
    this.$store.dispatch('getData');
}

Answer 1

Vue.use(Vuex)

Answer 2

请仔细阅读 Vuex 的文档，你并没有创建 Vuex 实例，自然也没有办法调用它的方法。

Answer 3

store/index.js中

export default new Vuex.Store({...})

Answer 4

这个问题解决了吗?