什么是计算属性

计算属性指的是通过一系列运算之后,最终得到一个属性值。
这个动态计算出来的属性值可以被模板结构或 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. 计算属性会缓存计算的结果,只有计算属性依赖的数据变化时,才会重新进行运算
如果觉得我的文章对你有用,请随意赞赏