我是靠谱客的博主 负责龙猫,最近开发中收集的这篇文章主要介绍vue computed和watch的使用,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

computed和watch都可以用来在某个数据发生改变时,在程序做出相应的响应。可以根据具体的使用情况进行选择。例如:


computed: {
fullName: function() {
return this.firstName + ' ' + this.lastName;
}
},
watch: {
firstName: function(newValue) {
this.fullName = newValue + ' ' + this.lastName;
},
lastName: function(newValue){
this.fullName = this.firstName + ' ' + newValue;
}
}
  • 当多个变量中任意的变量发生改变都会引起调用时,使用computed
  • 当组件未对变量做声明,不过还想根据实际情况做出响应时,使用computed
  • 当这个响应发生后,需要调用异步方法时,使用watch
  • computed 默认是读取。如果想要改变返回值需要使用set方法
  • watch即可以读取,也可以重新赋值。

最后

以上就是负责龙猫为你收集整理的vue computed和watch的使用的全部内容,希望文章能够帮你解决vue computed和watch的使用所遇到的程序开发问题。

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

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

评论列表共有 0 条评论

立即
投稿
返回
顶部