美文网首页
Vue3.x computed函数----计算属性

Vue3.x computed函数----计算属性

作者: 沃德麻鸭 | 来源:发表于2021-09-17 00:28 被阅读0次

基础用法: (只读)----computed是个函数

computed函数,是用来定义计算属性的,计算属性是不能被修改的。

应用场景:基于已有的数据,计算另一种数据。

使用方法:需要提前从vue中按需引入

计算属性computed


总结:

1.Vue3中计算属性也是组合API风格

2.回调函数必须return,结果就是计算的结果

3.如果计算属性依赖的数据发生变化,那么会重新计算

4.不要在计算中进行异步操作


高级用法:(可读可写)----computed是个对象,里面内容是函数

高级用法

总结:

1.计算属性可以直接读取或者修改

2.如果要实现计算属性的修改操作,那么computed的实参应该是对象

3.读取数据触发get方法

4.修改数据触发set方法,set函数的形参就是你赋给他的值

相关文章

网友评论

      本文标题:Vue3.x computed函数----计算属性

      本文链接:https://www.haomeiwen.com/subject/lpjnwltx.html