导出 mutations.js 内的突变数组

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 }

但其中 none 有效。

有没有一种方法可以使用对象展开运算符或 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
})

导出 mutations.js 内的突变数组

Exporting an array of mutations inside mutations.js

javascript

vue.js

vuex