Vue计算属性 computed

什么是计算属性？

计算属性就是computed，是vue的一个配置项，用于将复杂的计算逻辑放在函数中进行运算，将结果返回出去，在模板中直接当变量使用。

1.1 定义计算属性

javascript1
2
3
4
5
6
7
computed:{
    //计算总价
    total(){
                let a=this.num*this.price;
        return a.toFixed(2);
    },
}

1.2 使用计算属性

javascript<h1>总价：{{total}}</h1>

1.3 计算属性 computed和方法 methods的区别

1. methods可以不用返回值，computed必须要有返回值
2. methods每次调用都会执行函数，computed有缓存机制，调用执行一次以后将结果缓存起来，数据未改变的情况下后面不再执行