1.什么是计算属性
计算属性指的是通过一系列运算之后,最终得到一个属性值。 这个动态计算出来的属性值可以被模板结构或 methods 方法使用
2.应用:
计算属性放在computed节点之下
定义计算属性时,要定义成方法格式
computed: {
// rgb 作为一个计算属性,被定义成了方法格式,把他当作属性去用
// 最终,在这个方法中,要返回一个生成好的 rgb(x,x,x) 的字符串
rgb() {
return `rgb(${this.r}, ${this.g}, ${this.b})`
}
}
3.计算属性的特点
定义的时候,要被定义成方法
使用时当作普通的属性使用即可
4.计算属性的好处
所依赖数据源发生变化,计算属性会自动重新求值
实现了代码的复用