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'