一,前言
1.在vue
中当一个数据会跟随着另一个数据变化,可以使用vue
的计算属性来实现这种数据依赖。
2.我们也可以在模板上使用表达式来处理这种依赖关系,但当逻辑复杂时,模板里的代码就会显得不清晰。
二,computed
计算属性
1.computed
接受一个对象,对象的key
是定义的计算属性,对象的value
是一个函数,返回计算后的属性值。
{
data:function(){
return {
a:1
}},
computed:{
b:function(){return this.a+1}
}
}
三,注意事项
1.计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。
2.这意味着整个表达式如果没有和响应式数据有关即不会执行函数。