超哥前端记录
Vue 3 中 reactive 对象解构后丢失响应式,为什么用 toRefs 也不能随便展开?
原创
关注作者
腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
超哥前端记录
社区首页
>
专栏
>
Vue 3 中 reactive 对象解构后丢失响应式,为什么用 toRefs 也不能随便展开?
Vue 3 中 reactive 对象解构后丢失响应式,为什么用 toRefs 也不能随便展开?
超哥前端记录
关注
发布于 2026-10-08 09:17:07
发布于 2026-10-08 09:17:07
20
0
举报
概述
在 Vue 3 的组合式 API 里,把一个 reactive 对象直接解构到模板或组合函数中,经常会遇到视图不再更新的情况。比如从后端拿到用户信息后,习惯性写成 const { name, age } = user,结果修改 name 后页面纹丝不动。这背后的原因并不复杂:reactive 返回的是 Proxy,解构取值拿到的只是当时属性的快照,原始值的响应式连接被切断了。很多同学改用 toRe
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系
cloudcommunity@tencent.com
删除。
vue.js
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档