How to subscribe to a state change in Vuex in a component?

Question

Vue.js

There is a property in state Vuex, when changing which I need to execute a method in the component, how to do it correctly?

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!')
    },
  },
}