本文探讨了Vue中watch和computed的区别与使用场景。watch用于监听数据变化，实时更新，支持异步操作，适合处理复杂逻辑。而computed是计算属性，依赖于其他数据，结果缓存，适用于简单计算。举例说明了在搜索和购物车结算中的应用。
1.watch和computed的区别：
1.1.method是需要点击手动触发的；created，mounted是视图渲染时触发的，不能实时更新；而wacth和computed的数据是根据依赖数据进行实时的更新变化的。
1.2.wacth监听数据，watch监听的参数可以是data中定义的数据； 不支持缓存，数据变，直接会触发相应的操作；watch支持异步。
1.3.computed是计算属性，计算结果依赖于参数数据； 但是computed的结果数据，即例子中的allname不能是data中定义的数据名，而是直接运用到html中{ {allname}}； 属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算； 不支持异步，当computed内有异步操作时无效，无法监听数据的变化。
2.watch监听
当一条数据影响多条数据的时候就需要用watch
eg:搜索数据
data(){
return{
number:01
level:{
res:"second"
}
}
},
watch: 
最低0.47元/天 解锁文章
3283
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
