More than 5 years have passed since last update.

Vuexで名前空間（Namespace）を使う

Posted at 2019-12-25

Namespace とは

このオプションを付けることで、state, getters, actions, mutationsには自動的に自分が属しているmodule名(この場合helloModule)と同名のnamespaceが付与されます。

example.js


export default {
  namespaced: true, // 追加
  state: {
  },
  actions: {
    updateMessage(){
      // 処理
    }
  }

呼び出すときは「mapState/mapActionsに引数で名前空間を渡す」「名前空間を明示的に指定する」のどちらのパターンでもOK。

example.vue


methods: {
  update() {
    this.$store.dispatch('example/updateMessage');
  },
}