从nuxtjs {j}中的外部js文件访问商店

Question

我正在尝试从组件外部的文件访问商店 当我搜索这个问题时，我看到有人说我应该从我的文件中导入商店然后我可以访问它，但是我不能让它工作

我的商店是这样构建的：

const createStore = () => {
  return new Vuex.Store({
    state: { ... },
    getters: { ... },
    mutations: { ... },
    actions: { ... },
  })
}

我尝试在我的js文件中导入它，就像我看到推荐的

一样

import store from '@/store'

有什么想法吗？

Answer 1

您可以通过在实例化时注册商店来导入商店，如下所示：

外部文件some-service.js：

export default class SomeService {
  constructor(store) {
    this.store = store
  }
  doStuff() {
    this.store.dispatch('someAction')
  }
}