Vue中的computed属性

computed属性

1.computed用来监控自己定义的变量，该变量不在data里面声明，直接在computed里面定义，然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理；

2.computed比较适合对多个变量或者对象进行处理后返回一个结果值，也就是数多个变量中的某一个值发生了变化则我们监控的这个值也就会发生变化.

举例：购物车里面的商品列表和总金额之间的关系，只要商品列表里面的商品数量发生变化，或减少或增多或删除商品，总金额都应该发生变化。这里的这个总金额使用computed属性来进行计算是最好的选择

与watch之间的区别：

watch主要用于监控vue实例的变化，它监控的变量当然必须在data里面声明才可以，它可以监控一个变量，也可以是一个对象，但是我们不能类似这样监控，比如：

假设我们想要查看所有主题的总数。我们不能使用filters或expressions来完成这个任务。

filters：用于简单的数据格式，在应用程序的多个位置都需要它
expressions：不允许使用流操作或其他复杂的逻辑。他们应该保持简单
这个时候，计算属性就可以派上用场。我们可以向模型中添加一个计算值，如下：

 computed: {
                totalMarks: function() {
                    let total = 0
                    let me = this
                    for (let i = 0; i < me.results.length; i++) {
                        total += parseInt(me.results[i].marks)
                    }
                    return total
                }
            }

totalMarks计算属笥使用数组resultes的marks计算出总值。它只是循环遍历值并返回子总数。