vueコンポーネントではなくjavascriptファイルからアクションをディスパッチする方法はありますか？

Question

私は1つのモジュール（javascriptファイル）をvueコンテキスト外に持っています。私はこのjavascriptファイルからアクションをディスパッチする必要があります。出来ますか ？はいの場合は、どうですか？

jsfile.js（Javascriptのファイル）

const detail = {}; 

detail.validateLocation = (location) => { 
    // need to dispatch one action from here. 
    // dispatch('SET_LOCATION', {city: 'California'}) 
    // how to dispatch action ? 
} 

export default detail; 

export default { 
    SET_LOCATION: ({ commit}, data) => { 
    commit('SET_LOCATION', data); 
    }, 
} 

action.js store.js

import Vue from 'vue'; 
import Vuex from 'vuex'; 
import actions from './actions'; 
import mutations from './mutations'; 
import getters from './getters'; 
export function createStore() { 
    return new Vuex.Store({ 
    modules: {}, 
    state: { 
     location: null 
    }, 
    actions, 
    mutations, 
    getters, 
    }); 
} 

Answer 1

まず、store.jsにストアを作成します。

import Vue from 'vue'; 
import Vuex from 'vuex'; 
import actions from './actions'; 
import mutations from './mutations'; 
import getters from './getters'; 

const store = new Vuex.Store({ 
    modules: {}, 
    state: { 
     location: null 
    }, 
    actions, 
    mutations, 
    getters, 
    }); 

export default store 

そして、jsfile.jsにストアをインポートし、それを使用します。

import store from "./store" 

const detail = {}; 

detail.validateLocation = (location) => { 
    // Use imported store 
    store.dispatch('SET_LOCATION', {city: 'California'}) 
} 

export default detail; 

あなたはVueのインスタンスを作成し、メインまたはインデックスファイルを持っていると仮定すると、あなたは今、おそらく作成機能は、単に店をインポートするインポートからインポートを変更する必要があります。