vue的计算属性的使用

vue中通过computed 选项定义计算属性
     计算属性 类似于 methods 选项中定义的函数
    计算属性 会进行缓存，只在相关响应式依赖发生改变时它们才会重新求值。
    函数 每次都会执行函数体进行计算。

案例实现：输入数学与英语分数，采用 methods 与 computed 分别计算出总得分

案例源码：

  

   数学：
   英语：
   总分(方法-单向)：
   总分(计算属性-单向)：
  

  
  

注意：选项内的计算属性默认是 getter 函数，所以上面只支持单向绑定，当修改数学和英语的数据才会
更新总分，而修改总分不会更新数据和英语

2.对计算属性实现双向绑定

         计算属性默认只有 getter ，不过在需要时你也可以提供一个 setter

案例源码：

  

   数学：

   英语：

总分(方法-单向)：

   总分(计算属性-单向)：

   总分(计算属性-双向)：