什么是计算属性

计算属性指的是通过一系列运算之后，最终得到一个属性值。
这个动态计算出来的属性值可以被模板结构或 methods 方法使用。示例代码如下：

var vm = new Vue({
        el: '#app',
        data: {
            r: '0', g: '0', b: '0'
        },
        computed: {
            rgb() { return `rgb(${this.r},${this.g},${this.b})` }
        }
    })

计算属性的特点

1. 虽然计算属性在声明的时候被定义为方法，但是计算属性的本质是一个属性
2. 计算属性会缓存计算的结果，只有计算属性依赖的数据变化时，才会重新进行运算