использование магазина в компоненте с квазаром - PullRequest
0 голосов
/ 17 июня 2019

Я пытаюсь внедрить магазин Vuex в квазар-проект. Я создал новый проект, используя quasar-cli, и установил флажок Vuex. затем я следовал руководству на веб-сайте квазара (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
    },

Впоследствии я добавил код мутации и состояния в точности так, как указано в руководстве. Затем я создал новый компонент (тест) и добавил код, как объяснено.

Однако я не могу использовать это. $ Store. И получить предупреждение от моей IDE, что $ store не определено. Я прочитал документацию Vuex, в которой написано, что можно передать состояние всем компонентам, добавив состояние к объекту в main.js. Насколько я понимаю, квазар уже делает это.

Так что же я делаю не так и как вы можете использовать магазин, не импортируя его вручную для каждого компонента?!

1 Ответ

0 голосов
/ 27 июня 2019
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

...