计算属性computed和 监听watch 的区别

简介: 前端面试

计算属性是自动监听依赖值的变化,从而动态返回内容,监听是一个过程,在监听的值变化时,可以触发一个回调,并做一些事情。 所以区别来源于用法,只是需要动态值,那就用计算属性;需要知道值的改变后执行业务逻辑,才用watch,用反或混用虽然可行,但都是不正确的用法。
1、computed是一个对象时,它有哪些选项?
有get和set两个选项
2、computed和methods有什么区别?
methods是一个方法,它可以接受参数,而computed不能,computed是可以缓存的,methods不会
3、computed 是否能依赖其它组件的数据?
computed可以依赖其他computed,甚至是其他组件的data
4、watch 是一个对象时,它有哪些选项?
handler deep是否深度immeditate是否立即执行

相关文章
|
3月前
|
缓存 JavaScript 数据处理
在Vue中,什么时候使用computed属性,什么时候使用watch监听属性?
在Vue中,什么时候使用computed属性,什么时候使用watch监听属性?
27 0
|
9月前
|
缓存
computed【计算属性】watch【监听】methods【方法】的区别
computed【计算属性】watch【监听】methods【方法】的区别
|
10天前
|
缓存 JavaScript 前端开发
Vue的计算属性和侦听器:computed和watch的使用
【4月更文挑战第24天】Vue.js框架中的计算属性和侦听器是处理数据变化的关键特性。计算属性(computed)基于依赖缓存,仅在相关数据改变时重新计算,适合处理复杂逻辑。例如,计算总价可基于价格和数量动态更新。而侦听器(watch)在数据变化时执行回调,适用于异步操作和开销大的任务。计算属性与侦听器的主要区别在于缓存机制和应用场景,前者用于同步计算,后者用于响应数据变化后的特殊操作。理解这两者有助于优化Vue应用的性能。
|
17天前
vue3 watch 监听多值以及深度监听用法
vue3 watch 监听多值以及深度监听用法
24 0
|
3月前
|
JavaScript
Vue中的methods、computed计算属性和watch监听属性的使用和区别
Vue中的methods、computed计算属性和watch监听属性的使用和区别
|
4月前
|
缓存 监控 JavaScript
methods、computed、watch它们的差异与区别
在Vue中,Methods、Watch和Computed是三种用于处理数据和响应数据变化的不同方式。
40 0
|
5月前
如何监听vuex中的变量参数变化,用watch!
如何监听vuex中的变量参数变化,用watch!
|
8月前
|
JavaScript
Vue中watch监听属性新旧值相同问题解决方案,watch
Vue中watch监听属性新旧值相同问题解决方案,watch
125 0
|
9月前
|
JavaScript 前端开发
侦听属性 watch
侦听属性 watch
|
12月前
|
监控 JavaScript
Vue中可以使用watch属性监听select元素选项的变化吗?
Vue中可以使用watch属性监听select元素选项的变化吗?
419 0