vue.js 计算属性和监听器
vue.js 计算属性'computed'和监听器'watch'
计算属性 computed
计算属性 类似于 methods 选项中定义的函数
计算属性 会进行缓存,只在相关响应式依赖发生改变时它们才会重新求值。
函数 每次都会执行函数体进行计算。
需求:输入数学与英语分数,采用 methods 与 computed 分别计算出总得分
案例
计算属性双向绑定
1.函数没有缓存,每次都会被调用
2.计算属性有缓存,只有当计算属性体内的属性值被更改之后才会被调用,不然不会被调用
3.函数只支持单向的 即:不能改变 sumScore()框里面的值
4.计算属性默认只有getter函数,而没有set函数 所以只支持单向
如果你要进行双向 则需要定义setter方法
监听器watch
使用方法一
使用方法二