可以通过三种方法实现属性的运算:computed属性、method和watch(侦听器),如果一个功能可以通过computed属性和watch实现,选用computed属性是最简单的。
watch: {
firstName: function(){
console.log("计算了一次");
this.fullName = this.firstName + " " + this.lastName;
},
lastName: function(){
console.log("计算了一次");
this.fullName = this.firstName + " " + this.lastName;
}
}
// fullName方法,没有缓存,页面只要重新渲染,这个函数就会重新执行一次
// methods: {
// fullName: function () {
// return this.firstName + " " + this.lastName;
// }
// },
// 计算属性,计算属性有缓存的概念
// computed:{
// fullName: function () {
// console.log("计算了一次");
// return this.firstName + " " + this.lastName;
// }
// }
})
其中computed有getter setter属性,当改变了firstName和lastName时,set起作用,同时会重新计算fullName的值,页面中的fullName也会发生变化