在突变中导出一系列突变

Question

我正在使用vuexfire将vuex状态绑定到firebase，为此，我需要将他们的{ firebaseMutations }放在商店的突变中。但是，我的突变位于mutations.js文件中。我尝试导出这样的突变：

export { firebaseMutations } from 'vuexfire'

但是出现了此错误：Uncaught Error: [vuex] mutations should be function but "mutations.firebaseMutations" is {}.

我尝试了许多

的变体

export * from { firebaseMutations }

但它们都没有工作。

有没有一种方法可以使用对象传播操作员或export从我的mutations.js导出这些？

import Vue from 'vue'
import Vuex from 'vuex'
import * as actions from './actions'
import * as getters from './getters'
import * as mutations from './mutations'
Vue.use(Vuex)
const debug = process.env.NODE_ENV !== 'production'
export default new Vuex.Store({
  state: {
    // ...
  },
  getters,
  mutations,
  actions,
  strict: debug
})

Answer 1

我通过在这两个上使用对象扩展操作员修复了它：

import Vue from 'vue'
import Vuex from 'vuex'
import * as actions from './actions'
import * as getters from './getters'
import * as mutations from './mutations'
Vue.use(Vuex)
const debug = process.env.NODE_ENV !== 'production'
export default new Vuex.Store({
  state: {
    // ...
  },
  getters,
  mutations: {
     ...mutations,
     ...firebaseMutations
  },
  actions,
  strict: debug
})