一、计算属性:可以理解为能够在里面写一些计算逻辑的属性(数据缓存,当我们的数据没有变化时,不会再次执行计算的过程)
computed: {
name: {
//获取计算属性
get: function () {
return this.firstname + '-' + this.lastname
},
//设置计算属性
set: function (value) {
console.log(value);
this.firstname = value.split("-")[0]
this.lastname = value.split("-")[1]
}
}
}
二、监听属性
watch: {
"firstname": function (newvalue, oldvalue) {
console.log(newvalue);
console.log(oldvalue);
this.name = this.firstname + this.lastname
},
}
三、计算属性和监听属性的区别
计算属性是依赖的值改变后重新计算结果更新DOM,会进行缓存;
属性监听的是属性值,当定义的值发生变化时,执行对应的函数