【Vue3之computed属性（四）】

作者：weixin_40725706 | 2024-03-25 13:37:21

踩

前言

理解computed属性，实现输入姓和名得出全名并双向绑定，区分单向绑定和双向绑定。测试computed属性和方法的区别

先引入computed，写箭头函数定义并直接返回全名结果，利用console.log(1)测试发现computed具有缓存，用四次只调用一次
示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。

用几次调用几次，没有缓存
在这里插入图片描述

添加一个按钮，功能是将全名修改为li-si
此时显示为属性只读，并没有修改
在这里插入图片描述
需要使用get()set()方法，此时并未修改，是因为value调用set方法，set方法并未进行修改

利用解构赋值

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/weixin_40725706/article/detail/310229