[vuex] getters should be function but "getters.default" is {}.

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'
相關文章
相關標籤/搜索