vue中watch和computed的区别以及使用案例

86 阅读 0 评论 57 点赞

我是靠谱客的博主敏感美女，最近开发中收集的这篇文章主要介绍vue中watch和computed的区别以及使用案例，觉得挺不错的，现在分享给大家，希望可以做个参考。

官方文档: 点击进入

watch的用法：

watch大多数来监听一个值来影响多个值的改变，比如vue的文档对watch是这么定义的

Vue 通过 watch 选项提供了一个更通用的方法，来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的。

案例：异步操作开销巨大的操作，比如远程服务获取搜索列表。

computed反过来通过多个值来改变这个值

Vue 提供了一种更通用的方式来观察和响应 Vue 实例上的数据变动：侦听属性。当你有一些数据需要随着其它数据变动而变动时，你很容易滥用> watch——特别是如果你之前使用过 AngularJS。然而，通常更好的做法是使用计算属性而不是命令式的 watch 回调

比如：购物车商场总数计算

区别：

settimeout(()=>{
	//这个返回是undefined，如果返回不是空的，会干扰settimeout返回的常量，这个常量用clearTimetout来去处
	return this.xxx + this.xx	
})

以上就是敏感美女为你收集整理的vue中watch和computed的区别以及使用案例的全部内容，希望文章能够帮你解决vue中watch和computed的区别以及使用案例所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。