用户12771345
Vue 3 的 reactive 对象解构后丢失响应式,除了 toRefs 还能怎么处理?
原创
关注作者
腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
用户12771345
社区首页
>
专栏
>
Vue 3 的 reactive 对象解构后丢失响应式,除了 toRefs 还能怎么处理?
Vue 3 的 reactive 对象解构后丢失响应式,除了 toRefs 还能怎么处理?
用户12771345
关注
发布于 2026-09-20 21:19:58
发布于 2026-09-20 21:19:58
9
0
举报
概述
在 Vue 3 组合式 API 里,从 reactive 对象上直接解构出来的属性会失去响应式,这是很多人从选项式 API 迁移过来时踩到的坑。典型场景是父组件传递一个 reactive 对象,子组件想拆开使用其中几个字段,写成了 const { count, name } = props.state,结果模板里 count 变化时视图不更新。根本原因是 reactive 返回的是 Proxy,解
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系
cloudcommunity@tencent.com
删除。
vue3
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档