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’