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

2021-09-17  本文已影响0人  沃德麻鸭

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

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

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

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

计算属性computed


总结:

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

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

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

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


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

高级用法

总结:

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

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

3.读取数据触发get方法

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

上一篇 下一篇

猜你喜欢

热点阅读