关于toRefs解构赋值的问题

图片描述
老师，data数据是reactive类型的，39行对它解构赋值为什么不用toRefs也可以取到data里的username和password？由于data是响应式的，正常不应该是用toRefs(data)然后再用.value取到username和password里面的值吗？

为什么36行可以不用toRefs，而55行用到了toRefs呢？

慕勒8540250 2023-12-09

源自：项目：仿京东到家首页开发 3-9 Setup函数的职责以及注册功能的实现（2）

8

收起

1回答

好帮手慕小李 2023-12-11 09:39:39

同学你好，解答如下：

reactive类型的数据转成多个ref类型的数据，这是视频中老师讲过的。但重点在于reactive在进行解构时其中的数据会将响应式消失，那么如需要将数据继续带有响应式，就要再用toRefs进行包裹（reactive配合toRef或toRefs进行使用）

***另同学要记住这一点，在面试的时候大概率会碰到这个问题如为什么响应式数据会丢失响应式，怎么解决？

祝学习愉快！

提问者慕勒8540250 #1

是不是可以理解为第二张图中36行中不需要响应式，所以就可以不用再包裹toRefs()。而55行的username和password需要被导出出去，所以就需要响应式，所以就要包裹体toRefs()

2023-12-11 15:07:07
好帮手慕小李回复提问者慕勒8540250 #2

对，你理解的没有问题。

2023-12-11 15:07:38

相似问题

对对象类型的计算属性进行解构赋值的问题

toRefs和reactive

解构赋值是数据的克隆吗

关于在子类编写构造方法，并调用父类相关赋值方法，完成属性赋值的问题

老师，请教对象解构赋值的问题

登录后可查看更多问答，登录/注册

前端工程师

参与学习人
提交作业 15661 份
解答问题 17891 个

入行前端，是明智的选择！市场需求大，就业前景好，入行门槛低，小白易上手全新升级:技术更新,Vue3.0/TypeScript/React17.x; 技术更全面,从0基础到全栈开发再到大型项目构建

本课精华内容

问答作业

老师,请问vscode有哪些好用的插件推荐一下...

157 1

老师,API具体是指什么呢?

75 1

老师,这两种情况为什么得到的结果不一样?

31 2

没有思路

200 5

老师给点提示。

155 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载