Vue3 中二次封装组件要解决的问题：props 如何穿透出去？slots 如何穿透出去 ？组件的方法如何暴露出去 ？如何让 typescript 类型完备 ？

本文主要介绍了 Vue 3 中的组合式 API 及 Hooks 相关内容，关于自定义hooks的一些原则，常用hooks库vueuse和vue-hooks-plus。

在现在开发的项目中, ECharts 已成为不可或缺的可视化工具，通常我们会将 ECharts 封装为组件以便重复使用，但随着项目规模扩大，图表的使用频率增加，代码重复和维护成本也随之上升，甚至影响开

Vue 3 里，组合式 API 借鉴了类似的思想，自定义 Hook 成为了组织和复用逻辑的强大工具。它可以将多个响应式状态以及相关的业务逻辑封装在一起，以函数的形式提供给组件使用，使得代码的复用变得轻

本系列将实现使用react18，ts5，lint三剑客，webpack，storybook搭建react组件库、react+ts项目模板、和一个脚手架项目模板。本项目使用的是node18.18.0

V3 Admin Vite 是从 2021 年开源至今的一款精心制作的后台管理系统模板，5.0 版本在进行了大半年的开发后，于 2025 年 6 月 23 日正式和大家见面啦！

自定义Hooks让写Vue3更畅快！ 为什么Vue3要用自定义Hook？Composition Api究竟好在哪？

本项目技术栈vite、vue3.4、pinia、vue-router4、axios、elementPlus、echarts，基于多方考虑，不上TypeScript，其实也是懒。