计算属性 computed
computed
(多个值变化,影响到一个结果) 属性的结果会被缓存,除非依赖的响应式属性变化才会重新计算。他是函数主要当作属性来使用,逻辑简单。
computed是属性调用,而methods是函数调用
computed带有缓存功能,而methods不是
computed可以监控对象,而methods不是
computed:{//前面的数值变化影响到结果---》get
'fullname':function(){
return this.firstname+this.lastname;
}
fullname(){
return this.firstname+this.lastname;
}
}
fullname:{ //双向数值修改(前面变化影响到后面,后面变化影响到前面) get+set
get:function(){
return this.firstname+"-"+this.lastname;
},
set:function(newval){
//console.log(newval);
var arr=newval.split('-');
//console.log(arr);
this.firstname=arr[0];
this.lastname=arr[1];
}
}
监视属性 watch
watch
(一个值变化,影响到多个结果改变)一个对象,键是需要观察的表达式,值是对应回调函数