Vue之watch监听对象中某个属性的方法

新建 userinfo = { name: "小明",  age: "18"， }

　 vue中watch监听name的方法

　　1. 可以结合计算属性的方法实现

1 2 3 4 5 6 7 8 9 10 11 12

{   ......    watch: {      nm () {        console.log(this.nm)      }    },     computed: {       nm () { return this.userinfo.name }    }   ......  }

　　2. 可以通过配置 deep 为true实现

// 监听对象的某个值
{
  ......
   watch: {
     'userinfo.name' () {
       console.log(this.nm)
     }
   }
  ......  
}

// 直接监听整个属性，消耗大
{
  ......
   watch: {
     userinfo () {
       handler () {
           console.log(this.nm)
       },
       deep: true
     }
   }
  ......  
}        

 转自：https://www.cnblogs.com/jingxuan-li/p/11817329.html