Vue3 发布已久，Composition API、响应式重构、TypeScript 支持等特性让人眼前一亮，但真正深入项目后，才发现“会用”和“用对”之间隔着不少难点。本文梳理了 Vue3 开发中高频踩坑的重点难点，希望能帮你少走弯路。

一、响应式系统的“糖”与“坑”

Vue3 用 Proxy 代替了 Object.defineProperty，解决了 Vue2 中对象新增属性不响应、数组索引和长度监听等历史难题。但新的响应式 API 也带来了新的心智负担。

1. ref 与 reactive 的本质区别

很多新手纠结“到底用 ref 还是 reactive”。简单原则是：