getters.js文件部分代码:
const getters = { resturantName: function (state) { return '111' }}export default getters
index.js文件部分代码:
import Vue from 'vue'import Vuex from 'vuex'import * as getters from './getters' Vue.use(Vuex)const state = { number: 110}const store = new Vuex.Store({ state, getters})export default store// 导出store并在 main.js中引用注册。
然后进行编译,会直接报标题错误:
[vuex] getters should be function but "getters.default" is {}.
分析原因在于:index.js引入的是所有getters中的实例,然后getters中是对象的形式。所以错误原因是引入的方式有问题。
正确的形式:import getters from './getters'