vue学习笔记【三、计算属性与监听】

1、set、get方法实现计算属性与普通属性之间的数据双向绑定

2、侦听器watch，当监听属性变化时，回调函数自动调用，在函数内部进行计算。

//watch
watch:{
	//监听first
	first(value){
		console.log('first发生变化',value);
		//更新first
		this.full = value+'·'+this.last;
	},
	//监听last
	last(value){
		console.log('last发生变化',value);
		this.full = this.first+'·'+value;
	}
}

总结：

• 能使用computed的地方尽量使用computed
• computed计算一个新的属性，并将该属性挂载到vue实例上。watch监听已经存在并已经挂载到vue上的数据。所以watch可以监听到computed计算属性的变化。
• computed适用于一个数据被多个数据影响的情况，watch适用于一个数据影响多个数据的情况。
• computed具有缓存性，只有当依赖变化后，第一次访问computed属性，才计算新的值。watch是当数据发生变化就会调用执行函数。