# VueUse--组合式API工具集

GitHub: https://github.com/vueuse/vueuse (opens new window)

vue3官方推荐的工具库,提供200+组合式API函数。其模块化架构和Typescript类型系统堪称模范,适合学习如何组织大型工具类项目。源码中重点研究 useStorage 的状态同步机制和 useEventListener 的事件管理设计

# Pinia--下一代状态管理

地址:https://github.com/vuejs/pinia (opens new window)

Vue官方状态管理库,源码仅800行却实现了完整的状态管理方案。值得学习其响应式系统与vue3的深度集成,以及通过 defineStore实现的可扩展架构。其Typescript类型推导系统尤其值得借鉴

# Native Ui--企业级组件库

GitHub: https://github.com/tusen-ai/naive-ui (opens new window)

采用 Vue3 最新语法构建的UI库,组件实现干净无冗余代码。推荐研究其主题定制系统(n-config-provider)和 useDialog 等高级组合式API的实现,学习如何设计高扩展性组件

# Vue Router--路由核心库

GitHub: https://github.com/vuejs/router (opens new window)

# Vitest--单元测试框架

GitHub: https://github.com/vitest-dev/vitest

专为Vue3设计的测试框架,源码中可以学习现代测试工具的设计理念。重点分析其软件测试渲染器实现,以及如何利用vite的HMR特性加速测试运行

# Vee-Validate - 表单验证方案

GitHub: https://github.com/logaretm/vee-validate

# Vue Draggable - 拖拽交互库

GitHub: https://github.com/SortableJS/vue.draggable.next

# VueRequest - 数据请求管理

GitHub: https://github.com/AttoJS/vue-request

# Vue DevTools Next - 调试工具

GitHub: https://github.com/vuejs/devtools-next

# Vue Macros - 语法扩展工具

GitHub: https://github.com/vue-macros/vue-macros