计算属性

1.什么是计算属性

计算属性指的是通过一系列运算之后，最终得到一个属性值

这个动态计算出来的属性值，可以被模板结构或methods方法使用。示例代码如下：

        const vm = new Vue({
            //el为固定写法，表示当前实例vm要控制哪一个区域，返回值是一个选择器
            el:"#app",
            //data对象表示要渲染到当前页面的数据
            data:{
                r:0,g:0,b:0
            },
            computed:{
                rgb(){ return 'rgb(${this.r},${this.g},${this.b})'}
            },
            methods: {
                show(){
                    console.log(this.rgb)
                 }
            },

        })

特点：

　　1.定义的时候，要被定义为“方法”

　　2.实现了代码的复用

好处：

　　1.实现了代码的复用

　　2.只要计算属性中依赖的数据源变化了，则计算属性会重新求值

 

标签：el,methods,vm,rgb,计算,属性
来源： https://www.cnblogs.com/funkyd/p/16685301.html