computed和watch的区别

简介: computed和watch的区别

computed

computed是计算属性意思,它会根据你所依赖的数据动态显示出新的计算结果。

计算结果会被缓存,在使用的时候不用加括号。

当一个属性受多个属性影响的时候就需要用到computed,最典型的例子: 购物车商品结算的时候。

watch

watch是监听的意思,当依赖的data数据变化,执行回调,在方法种会传入newValoldVal

当一条数据影响多条数据的时候就需要用watch,最典型的例子: 购物车商品结算的时候。

有两个属性,分别是immediate属性和deep属性和handler方法

immediate

表示是否在第一次渲染的时候执行这个函数,为true时则立即触发回调函数;

如果为false,则和上面的例子一样,不会立即执行回调。;

deep

属性是监听一个对象,我们是否要看对象里面的属性的变化,如果要看,将其设置成true,默认是false

handler方法

handler方法就是你watch中需要具体执行的方法;



目录
相关文章
|
缓存 JavaScript
vue中computed和watch的区别
vue中computed和watch的区别
computed【计算属性】watch【监听】methods【方法】的区别
computed【计算属性】watch【监听】methods【方法】的区别
|
3月前
|
缓存 JavaScript API
理解掌握 `watch`、`computed`、`watchEffect`
【8月更文挑战第5天】理解掌握 `watch`、`computed`、`watchEffect`
36 5
|
21天前
|
缓存 JavaScript Serverless
vue中computed计算属性、watch侦听器、methods方法的区别以及用法
vue中computed计算属性、watch侦听器、methods方法的区别以及用法
79 0
|
4月前
|
缓存 JavaScript
计算属性(computed)和侦听器(watch)
计算属性(computed)和侦听器(watch)
51 0
|
6月前
|
缓存 JavaScript
Vue 中的 computed 和 watch 的区别
Vue 中的 computed 和 watch 的区别
|
6月前
|
缓存 JavaScript 前端开发
Vue的计算属性和侦听器:computed和watch的使用
【4月更文挑战第24天】Vue.js框架中的计算属性和侦听器是处理数据变化的关键特性。计算属性(computed)基于依赖缓存,仅在相关数据改变时重新计算,适合处理复杂逻辑。例如,计算总价可基于价格和数量动态更新。而侦听器(watch)在数据变化时执行回调,适用于异步操作和开销大的任务。计算属性与侦听器的主要区别在于缓存机制和应用场景,前者用于同步计算,后者用于响应数据变化后的特殊操作。理解这两者有助于优化Vue应用的性能。
|
6月前
|
JavaScript
Vue中$watch()方法和watch属性的区别
Vue中$watch()方法和watch属性的区别
146 1
|
缓存
computed和watch
computed和watch
|
6月前
|
JavaScript
Vue中的methods、computed计算属性和watch监听属性的使用和区别
Vue中的methods、computed计算属性和watch监听属性的使用和区别