首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >Vue 3 中 reactive 对象解构后丢失响应式,为什么用 toRefs 也不能随便展开?

Vue 3 中 reactive 对象解构后丢失响应式,为什么用 toRefs 也不能随便展开?

作者头像
超哥前端记录
发布于 2026-10-08 09:17:07
发布于 2026-10-08 09:17:07
200
举报
概述
在 Vue 3 的组合式 API 里,把一个 reactive 对象直接解构到模板或组合函数中,经常会遇到视图不再更新的情况。比如从后端拿到用户信息后,习惯性写成 const { name, age } = user,结果修改 name 后页面纹丝不动。这背后的原因并不复杂:reactive 返回的是 Proxy,解构取值拿到的只是当时属性的快照,原始值的响应式连接被切断了。很多同学改用 toRe

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档