mutationの更新を購読するsubscribe API

ストアへのミューテーションを購読するVuexのAPI。ミューテーション実行後に呼び出されるため、特定Storeの値が変更された時呼び出したい処理などを書くことができる。またsubscribeは購読を停止するunsbscribe関数を実行時に返します。 dataプロパティなどに返ってきた関数を保持し、購読を停止したい時に呼び出します。

export default {
  data() {
    return {
      unsubscribe: null,
    }
  },
  mounted() {
    this.unsubscribe = this.$store.subscribe((mutation, state) => {
      if (mutation.type === 'mutationType') {
        // 条件に合致したら実行したい処理
      }
    })
  },
  beforeDestroy() {
    this.unsbscribe()
  },
}

アクションを購読するsubscribeActionも用意されています。

参考

公式ドキュメント https://vuex.vuejs.org/ja/api/#subscribe

TOC

subscribe

参考