欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

十二、vue中watch如何监控对象的属性

程序员文章站 2022-07-09 21:18:37
vue中watch如何监控对象的属性、Watch和computed的区别 ......

1、普通的watch

十二、vue中watch如何监控对象的属性

2、对象属性的watch:

  对象和数组都是引用类型,引用类型变量存的是地址,地址没有变,所以不会触发watch。这时我们需要进行深度监听,就需要加上一个属性 deep,值为 true

十二、vue中watch如何监控对象的属性

注意:只要对象的属性发生变化,就会执行handler函数;如果将监听对象中的具体属性,则可以通过计算属性computed作为中间层进行监听,例如:

十二、vue中watch如何监控对象的属性

 

watch和computed的区别

  • watch

    watch用于观察和监听页面上的vue实例,当你需要在数据变化响应时,执行异步操作,或高性能消耗的操作,那么watch为最佳选择

  • computed

    可以关联多个实时计算的对象,当这些对象中的其中一个改变时都会触发这个属性
    具有缓存能力,所以只有当数据再次改变时才会重新渲染,否则就会直接拿取缓存中的数据。