vue2.0——监听props、vuex变化

监听VUEX变化

首先在想要监听的组件里面 利用computed
注意：一定要return
这里监听一个已经存在vuex里面的liveheader值

  computed: {
    liveheaderfn() {
      return this.$store.state.liveheader;
    },
  },

首先在想要监听的组件里面 利用watch
然后在这个函数里面做你想要做的逻辑即可
将newValue 赋值给 本组件的一个变量liveheader

  watch: {
    liveheaderfn(newValue) {
      console.log(newValue);
      this.liveheader = newValue
    },
  },

监听props变化

首先在想要监听的组件里面 利用computed
接受一下props

  props: ["itemChild"],

注意：一定要return

  computed: {
    itemChildfn() {
      if (this.itemChild != false) {
        return this.itemChild;
      }
    },
  },

利用watch监听变化
将newValue 赋值给 本组件的一个变量child

  watch: {
    itemChildfn(newValue) {
      this.child = newValue;
    },
  },