用户1839651
Vue 3 中 reactive 对象解构丢失响应性的真实原因与替代写法
原创
关注作者
腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
用户1839651
社区首页
>
专栏
>
Vue 3 中 reactive 对象解构丢失响应性的真实原因与替代写法
Vue 3 中 reactive 对象解构丢失响应性的真实原因与替代写法
用户1839651
关注
发布于 2026-09-23 11:04:26
发布于 2026-09-23 11:04:26
163
0
举报
概述
在 Vue 3 项目里,不少人在组合式 API 中写 const { count } = reactive({ count: 0 }) 之后,发现模板里 count 永远不会更新。这个问题通常不是 Vue 的 bug,而是 reactive 返回的是 Proxy 对象,解构本质上就是读取属性值再赋给新变量;如果属性是原始类型,新变量拿到的是一个普通值,和原来的 Proxy 已经断开联系。模板或 c
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系
cloudcommunity@tencent.com
删除。
vue3
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档