vue监听数组、对象变化

1.vue单独监听一个数组或者一个对象变化

watch:{
 'payList' : {
   handler : function(newVal,oldVal){
    console.log(newVal,'变化后的值',oldVal,‘变化前的值’)
   }
 }
}

2.如果你想监听一个数组中多个对象是否变化,请看这里!

watch:{
  deep:true,//深度监听
  'payList' : {
    immediate:true,
    handler : function(newVal,oldVal){
      console.log(newVal,'变化后的值',oldVal,‘变化前的值’)
    }
  }
}

没错!,添加一个deep:true就可以实现对一个数组中多个对象是否变化进行监听啦?
3.watch中除了deep外,还有一个属性immediate:

immediate表示在watch中首次绑定的时候,是否执行handle。
值为true则表示在watch中声明的时候,就立即执行handler方法,
值为false,则和一般使用watch一样,在数据发生变化的时候才执行handler。

版权声明:本文为weixin_44326389原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。