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

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

　 vue中watch监听name的方法

　　1. 能够结合计算属性的方法实现

{
  ......
   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
     }
   }
  ......  
}