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 计算属性和监听器

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-08-10
  • 2021-10-29
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-01-13
  • 2022-12-23
  • 2021-11-26
  • 2021-07-27
  • 2022-02-07
相关资源
相似解决方案