vue计算属性

一，前言

1.在vue中当一个数据会跟随着另一个数据变化，可以使用vue的计算属性来实现这种数据依赖。

2.我们也可以在模板上使用表达式来处理这种依赖关系，但当逻辑复杂时，模板里的代码就会显得不清晰。

二，computed计算属性

1.computed接受一个对象，对象的key是定义的计算属性，对象的value是一个函数，返回计算后的属性值。

{
	data:function(){
		return {
			a:1
		}},
	computed:{
		b:function(){return this.a+1}
	}
}

三，注意事项

1.计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。

2.这意味着整个表达式如果没有和响应式数据有关即不会执行函数。