Vue 3 组合式 API 实战技巧与最佳实践

Vue 3 的组合式 API 已成为主流写法。本文分享一些在实际项目中总结的技巧与最佳实践。

逻辑复用的艺术

组合式函数（composables）是逻辑复用的核心。建议按关注点拆分，每个 composable 职责单一，命名以 use 开头，返回值清晰明确。

响应式进阶

理解 ref 与 reactive 的区别，合理选择。深层响应式数据考虑使用 shallowRef 或 markRaw 优化性能。注意解构会丢失响应式的问题。

性能优化

合理使用 v-memo、computed、watch 避免不必要的计算和渲染。大列表使用虚拟滚动，组件合理拆分提升局部更新效率。