vue.js 计算属性和监听器

vue.js 计算属性'computed'和监听器'watch'

计算属性 computed

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

案例

vue.js 计算属性和监听器

计算属性双向绑定

vue.js 计算属性和监听器vue.js 计算属性和监听器
1.函数没有缓存,每次都会被调用

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

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

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

监听器watch

使用方法一

vue.js 计算属性和监听器使用方法二

vue.js 计算属性和监听器