watch是vue组件最常用,最重要的功能之一,我们都知道它最基本的特性就是监听的data对象里的属性变化了,watch就会自动执行。

那它还有什么骚操作呢?下面我带大家看看,菜鸟一枚,如有错误欢迎指出。

1.immediate属性

  如果我们想在一开始监听的时候也执行相应的函数,就需用到immediate属性,此时监听的数据建议写成对象形式,属性包含handler方法和immediate属性。其实我们之前的写法其实就是在写handler方法:

data(){
  return{
          a:'hello'
      }
  }  
watch:{
    a:function(val){  //handler方法
    }
   }

immediate为true则在首次绑定watch的时候就会执行handler方法,无论data里面的数据变没变。值为false则和普通监听一样,值改变才会出发handler方法。
vue watch高级用法

2.deep属性
 deep属性设置为true,则会监听对象中所有的属性,对象中的任意属性发生改变都会执行handler方法。

vue watch高级用法

 

相关文章:

  • 2021-11-16
  • 2022-01-22
  • 2021-09-16
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-01-12
  • 2022-12-23
  • 2021-10-03
  • 2021-08-24
  • 2022-12-23
  • 2022-12-23
  • 2021-09-28
相关资源
相似解决方案