vue之组件内监控$store中定义变量的变化详解

// 1.采用计算属性来获取$store中的值

computed: {
  listenstage() {
    return this.$store.state.iShaveMsg;
  }
 },

// 2.通过watch来检查定义计算属性获取到的值的变化

watch:{
  listenstage: function(ov,nv){
   console.log('watch start……');
   if(this.$store.state.iShaveMsg){
      //业务处理
    }
   }
   console.log('watch stop……');
  }
 },

以上这篇vue之组件内监控$store中定义变量的变化详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。