vue3中的 computed

Posted 2023-03-19

参考技术A 在vue2中 computed 我们已经很熟悉了
那么我们 vue3 的 Composition API 中来看看怎么使用 computed

computed 接收一个回调函数，返回一个通过其他属性经过计算的新值
并且这个新值是通过 ref 包装过的常量

例：

上边就是计算属性在 setup 中一个简单的使用~

然后呢我们也可以写点其他的，复杂点的，computed 也可以接收一个对象，
这个对象可以接收 get 和 set 两个方法 。

例：
这里的get和上方简单写法的效果是一样的
当页面去获取newName的时候呢，它就会执行这个get的方法

·
当去修改 newName 值的时候会触发 set 方法的执行，newName 并不可直接被修改，赋给 newName 的值会作为参数传递到 set 方法中

OK！下一篇我们来看看 vue3 Composition API 中的 生命周期~
再见！