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