getters.js文件部分代码:vue
const getters = { resturantName: function (state) { return '111' } } export default getters
index.js文件部分代码:vuex
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中引用注册。
而后进行编译,会直接报标题错误:rest
[vuex] getters should be function but "getters.default" is {}.
分析缘由在于:index.js引入的是全部getters中的实例,而后getters中是对象的形式。因此错误缘由是引入的方式有问题。
正确的形式:code
import getters from './getters'