watch监听用法(监听对象、数组、路由）

直接监听对象

可以直接监听对象某个值，‘obj.name’，或者是监听路由’$route’(to,from)，
若需要第一次绑定值进而触发，可以使用第二种设置immediate: true。
若对对象进行深度监听（监听对象会对每个属性添加监听，会造成性能损耗)，可以直接深度监听对象属性避免

//监听对象
 watch:{
  obj:{ //监听的对象
     deep: true, // 深度监听
     immediate:true, 
     //当 watch 一个变量的时候，初始化时并不会执行你需要在created的时候手动调用一次。添加immediate属性，这样初始化的时候也会触发
     handler:function(newV,oldV){
      console.log('watch中：',newV)
    }
  }
}

//监听路由
 watch: {
    $route: function (newVal, oldVal) {
     
    },
 }

//监听数组
 watch: {
   arr: {
      handler(data, oldVal) {
             
      },
      deep: true,
     },
}

链接: https://blog.csdn.net/weixin_44068394/article/details/103817264.
链接: https://zhuanlan.zhihu.com/p/86273758.
链接: https://blog.csdn.net/qq_45616003/article/details/121648029