vue中watch和computed的区别以及使⽤案例
官⽅⽂档:
watch的⽤法:
watch⼤多数来监听⼀个值来影响多个值的改变,⽐如vue的⽂档对watch是这么定义的
Vue 通过 watch 选项提供了⼀个更通⽤的⽅法,来响应数据的变化。当需要在数据变化时执⾏异步或开销较⼤的操作时,这个⽅式是最有⽤的。
案例 :异步操作开销巨⼤的操作,⽐如远程服务获取搜索列表。
computed的⽤法
computed反过来通过多个值来改变这个值
angular和angularjsVue 提供了⼀种更通⽤的⽅式来观察和响应 Vue 实例上的数据变动:侦听属性。当你有⼀些数据需要随着其它数据变动⽽变动时,你很容易滥⽤> watch——特别是如果你之前使⽤过 AngularJS。然⽽,通常更好的做法是使⽤计算属性⽽不是命令式的 watch 回调
⽐如: 购物车商场总数计算
区别:
1. computed的⽤法⽐较⼴,能实现先考虑computed
2. computed是监听多个值来改变⼀个值,⽽watch是⼀个值来影响⼀个值
3. computed具有缓存性
4. computed在computed中定义,watch的数据在data定义
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论