Как в компоненте подписаться на изменение state во Vuex?

Question

[danilr]

Есть свойство в state Vuex, при изменении которого мне надо в компоненте выполнить метод, как это сделать?

Answer 1

[Дима Паутов]

<template>
  <div>
    {{ myProp }}
  </div>
</template>

import { mapState } from 'vuex'

export default {
  computed: {
    ...mapState([
      'myProp',
    ]),
  },
  watch: {
    myProp () {
      this.myMethod()
    },
  },
  methods: {
    myMethod () {
      console.log('Hello, world!')
    },
  },
}

Comments

[danilr]

Дима Турков, а если без mapState? Вот у меня есть this.$store.state.myProp

[Дима Паутов]

danilr, никогда так не делал, но думаю точно так же как и у меня

watch: {
    '$store.state.myProp' () {
      this.myMethod()
    },
  },

[danilr]

Дима Турков, а это точно работает?) Выглядит уж очень странно

[Дима Паутов]

danilr, поэтому нужно писать как я показал в начале))

Answer 2

[Дмитрий Беляев]

https://ru.vuejs.org/v2/api/#vm-watch