Vue3组合式API开发实践

Vue3组合式API实践

一、核心概念

组合式API（Composition API）将相关逻辑集中组织，替代选项式API的分散结构。

二、常用API

• ref/reactive：响应式数据
• computed：计算属性
• watch/watchEffect：侦听器
• onMounted/onUnmounted：生命周期

三、自定义Hooks

将可复用逻辑封装为use开头函数，如useAuth、useCart、useFetch等，实现逻辑的跨组件复用。

四、性能优化

• shallowRef/shallowReactive：减少深层响应式开销
• v-memo：列表项缓存
• defineAsyncComponent：异步组件

相关文章推荐