基于 Vue 3.4 / Vite 5 / TypeScript 5,系统覆盖 Vue 开发从语言基础到工程实战的完整知识体系。每章一个独立 md 文件,配套核心代码示例。
📚 章节目录
| 章节 | 主题 | 核心内容 |
|---|---|---|
| 第一章 | Vue 基础与模板语法 | 响应式数据、模板指令、事件处理、表单绑定、生命周期 |
| 第二章 | 组件系统 | 组件注册、Props/Emits、Slots、组件通信、动态组件 |
| 第三章 | 组合式 API | setup、ref/reactive、computed/watch、composables、依赖注入 |
| 第四章 | Vue Router 路由 | 路由配置、动态路由、导航守卫、路由懒加载、路由元信息 |
| 第五章 | Pinia 状态管理 | Store 定义、State/Getters/Actions、持久化、模块化 |
| 第六章 | 网络请求与数据处理 | Axios 封装、请求拦截器、错误处理、缓存策略、Mock |
| 第七章 | 工程化与构建工具 | Vite 配置、TypeScript、ESLint/Prettier、环境变量、部署 |
| 第八章 | 性能优化与最佳实践 | 懒加载、keep-alive、虚拟列表、Tree-shaking、SSR/SSG |
🗺️ 学习路径建议
入门路径(1-2周):
第一章 → 第二章 → 第三章(ref/reactive/computed部分)
进阶路径(2-4周):
第三章(全部)→ 第四章 → 第五章
实战路径(4周+):
第六章 → 第七章 → 第八章
🛠️ 技术栈
| 技术 | 版本 | 说明 |
|---|---|---|
| Vue | 3.4+ | Composition API、<script setup> |
| Vite | 5.x | 构建工具 |
| Vue Router | 4.x | 官方路由 |
| Pinia | 2.x | 官方状态管理 |
| TypeScript | 5.x | 类型支持 |
| Axios | 1.x | HTTP 请求库 |
- 总章数:8 章
- 涵盖 Vue 核心知识板块:基础 / 组件 / 组合式API / 路由 / 状态 / 网络 / 工程化 / 性能
- Vue 版本:3.4 (
<script setup>、defineModel、响应式语法糖)
所有代码示例均基于 Vue 3 + TypeScript +
<script setup>语法,可直接在 Vite 项目中运行。
🔗 专栏链接 :Vue 3 全栈开发实战专栏
📦 项目源码资源 :点击下载项目源码