计算属性: computed
computed是用来计算出来一个值 ,这个值调用的时候不需要加括号,会根据依赖进行缓存,依赖不变,computed的值不会重新计算
侦听属性: watch (两个属性)
1immediate:表示是否要在第一次渲染的时候执行这个函数
2deep:如果我们监听一个对象,那么我们是否要看这个对象里面属性的变化
不同点:
1.依赖方式:计算属性依赖于定义时所依赖的数据,当依赖的数据变化时,计算属性会自动更新; 而watch则需要在数据变化时手动调用。
2.用途:计算属性更适合做筛选操作,例如根据用户的年龄范围筛选商品列表;而watch更适合做执行异步或开销较大的操作,例如发送请求获取数据。
3.执行顺序:当计算属性和watch同时监听一个数据时,watch的回调函数会先执行,计算属性的回调函数会在所有watch的回调函数执行完毕后执行。
原创作者: 吴小糖文章来源:https://www.toymoban.com/news/detail-836649.html
创作时间:2024.2.21文章来源地址https://www.toymoban.com/news/detail-836649.html
到了这里,关于vue中的计算属性和侦听属性的区别的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!