Vue -（计算属性与监听器）

一、计算属性：computed（可以实现购物车算总价）

data属性和computed属性定义的值都可以直接绑定在表达式中。如果某些值需要通过计算才能得到，(如果表达式很复杂，有逻辑关系的话)那使用计算属性就再合适不过了。

name = firstname + lastname

代码如下：

computed:{

name(){

return this.firstname + this.lastname

}

}

二、侦听器

代码如下：

watch:{

       quatity(val){

          console.log(val)

}

（可以监听quatity属性，每一次它变化就会调用这个方法，val这个参数就是每一次变化的值）

什么时候用监听器和计算属性？

一个值的变化会影响多个值（或处理多件事），使用监听器。（为了观察一个值）

多个值的变化，为了得到一个结果，使用计算属性。（为了得到一个值）

实际开发中，大部分问题都可以用computed解决。注：计算属性性能比监听器高。