vue.js 计算属性和监听器

计算属性 computed

计算属性 类似于 methods 选项中定义的函数
计算属性 会进行缓存，只在相关响应式依赖发生改变时它们才会重新求值。
函数 每次都会执行函数体进行计算。
需求：输入数学与英语分数，采用 methods 与 computed 分别计算出总得分

案例

计算属性双向绑定

1.函数没有缓存，每次都会被调用

2.计算属性有缓存，只有当计算属性体内的属性值被更改之后才会被调用，不然不会被调用

3.函数只支持单向的 即：不能改变 sumScore()框里面的值

4.计算属性默认只有getter函数,而没有set函数 所以只支持单向
如果你要进行双向 则需要定义setter方法

监听器watch

使用方法一

使用方法二