.计算属性与方法的区别.侦听器的应用场景

观空自然

于 2022-03-11 15:51:52 发布

阅读量131

点赞数

文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/qq_45715615/article/details/123418921

版权

本文探讨了Vue.js中计算属性与方法的区别，计算属性具备缓存机制，而方法每次调用都会执行。同时，展示了监听器在数据变化时如何用于执行异步或耗时操作，通过示例代码解释了如何监听firstName和lastName数据并更新fullName。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

.计算属性与方法的区别

计算属性是基于它们的依赖进行缓存的
方法不存在缓存

.侦听器的应用场景
数据变化时执行异步或开销较大的操作

用法：

var vm = new Vue({el: '#app',
data: {
firstName: 'Jim',lastName: 'Green',fullName: 'Jim Green'}，
watch: {
firstName: function(val) {
this.fullName = val +''+ this.lastName;}，
lastName: function(val)-{
this.fullName = this.firstName + ''+ val;}
}});