在 Quasar 中使用组件中的存储

Question

我正在尝试在 Quasar 项目中实现 Vuex 商店。我使用 quasar-cli 创建了一个新项目并选中了 Vuex 框。然后，我按照 quasar 网站上的指南（https://quasar.dev/quasar-cli/cli-documentation/vuex-store）创建了一个新商店，quasar new store test 然后在 store/index.js 中注册了商店模块

export default function(/* { ssrContext } */) {
  const Store = new Vuex.Store({
    modules: {
      test
      // example
    },

之后，我添加了突变和状态代码，完全按照教程中引用的那样。然后我创建了一个新组件（测试）并添加了所解释的代码。

但是，我无法使用this.$store，并且从 IDE 收到一条警告，提示 $store 未定义。我已阅读 Vuex 文档，其中写道，可以通过将状态添加到 main.js 中的对象来将状态传递给所有组件。据我所知，类星体已经做到了这一点。

那么，我做错了什么以及如何使用商店而不需要为每个组件手动导入它？

Answer 1

import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
  modules: {
    // general state
    app
},
mutations: {
    someMutation (state, store) {

    }
  },
 actions: {
    someAction ({commit}) {

    },
})
export default store

另外不要忘记将此商店包含在 app.js 中