web-dev-qa-db-ja.com

jsファイルのvuexストアにアクセスする

Main.jsと同様に、ヘルパー関数ファイルからストアにアクセスしようとしています。

import store from '../store'

let auth = store.getters.config.urls.auth

ただし、エラーが記録されます。

不明なTypeError:未定義のプロパティ 'getters'を読み取ることができません。

私が試してみました

this.$store.getters.config.urls.auth

同じ結果。

お店:

//Vuex
import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex);

const store = new Vuex.Store({
    state: {
        config: 'config',

    },
    getters: {
        config: state => state.config
    },
});

export default store

コンポーネントの外部でストアを利用可能にするにはどうすればよいですか?

10
Elena Maximova

次は私のために働いた:

import store from '../store'

store.getters.config
// => 'config'
14

インポートに括弧を付けると、動作するはずです

import { store } from '../store'
2
EJL