为什么选择组合式 API
Vue 3 引入的组合式 API（Composition API）解决了 Options API 在大型组件中的代码组织问题。通过将相关逻辑组合在一起，提高了代码的可读性和可维护性。
一、响应式系统升级
基于 Proxy 的新响应式系统替代了 Object.defineProperty，解决了数组监听、对象属性动态添加等历史问题。ref 和 reactive 的使用场景需要明确区分。
二、逻辑复用方案
Composables：类似 React Hooks，将可复用逻辑提取为独立函数。
Provide/Inject：跨组件层级共享状态，避免 Props 逐层传递。
Pinia：官方推荐的状态管理库，比 Vuex 更简洁。
三、TypeScript 集成
组合式 API 天然支持 TypeScript，提供更好的类型推导和开发体验。defineProps、defineEmits 等宏函数让类型定义更加直观。
四、性能优化
使用 shallowRef 减少不必要的响应式转换；合理使用 computed 缓存计算结果；v-memo 指令优化列表渲染。
迁移建议
不建议一次性重写所有组件，可以采用渐进式迁移策略。新组件使用组合式 API，老组件保持不变，逐步重构。
