Vue.js/Vuex/action

Vue.js/Vuex/action

細々とした実用レベルのコードを書くのが action である

設定

このように作成する。

var store = new Vuex.Store({
    state: {},
    actions: {
        hogehoge: function(context, v){
        }
    }
});

第一引数の context というのは store の情報が使える状態で詰まっているオブジェクトで中にはこのようなキーで構成されている

state store 中のあの state
rootState
commit mutation を呼び出すあの関数
dispatch action を呼び出すあの関数
getters store 中の あのgetter
rootGetters

こうなっている。

よく StackOverFlow とかの説明用のコードでこういうふうにドヤってる連中はこのコトを言っている。

function({commit}, v){
javascript/vuejs/vuex/action.txt · 最終更新: 2018-11-21 18:38 by ore