発端
Vuexのドキュメントにあった
https://vuex.vuejs.org/ja/actions.html
ググラビリティが低めなのでこまった。
なんとか理解できたので、ググラビリティをあげるために投稿
what
これが
increment (context) {
context.commit('increment')
}
こうかける
increment ({ commit }) {
commit('increment')
}
つまり何
あらかじめ引数を{commit}
として渡しておくことで、その関数ブロックの中で呼び出そうとした関数とか変数とかはcommit
オブジェクトのプロパティとして解決される。
なので、いちいちcontext.commit()
とかしなくていい。
何が幸せ
すっきりかける。
そのオブジェクトのプロパティを使えば使うほどすっきりかける。
参考文献
https://javascript.info/destructuring-assignment#object-destructuring
https://sekaiokaeru.com/tips/javascript-argument-destructuring