Vue中使用watch来监听数据变化

写法一:

methods:{
  //监听isMD
  upProp(){
      if(this.isMD){//如果isMD等于true  就把storeManagerName赋值给isStoreManagerName
          this.isStoreManagerName='storeManagerName';
      }else{
          this.isStoreManagerName='';
      }
    }
},
watch:{
    'isMD':'upProp'
}

 

写法二:

var vm = new Vue({
    el:'#app' ,
    data:{
        name:''
   }
})

//使用实例调用watch方法,这种是在实例外调用,而第一种是在实例里面调用,效果都是一样的
vm.$watch('name',()=>{
     console.log("数据改变了");
})

 

posted @ 2018-01-10 13:56  兔子先生i  阅读(5975)  评论(0编辑  收藏  举报