vue-3.x-guide-examples

Vue 3.x 完全指南+实战课程示例代码

章节对应关系

01 - 快速开始 02 - Vue 基础入门 03 - Vue 进阶用法 04 - Vue 核心：组件与脚手架 05 - Vue 组件深入 06 - Vue 组合 API 07 - Vue 背后机制 08 - Vue 动画与过渡 09 - Vue 项目开发与部署 10 - Vue Router 4.x 路由管理 11 - Vuex 4.x 全局状态管理 12 - 综合示例 13 - TypeScript 入门教程 14 - Vue 与 TypeScript 集成 15 - Pinia 全局状态管理 16 - Vue 与后台交互 HTTP

vue完全指南与实战项目-导出.fig - 项目设计稿，需使用 figma 打开

章节与课时的对应关系，可以看章节目录下的 README.md。

示例运行方式

对于非脚手架创建的示例，直接在 index.html 里右击，选择 Open with LiveServer 使用 LiveServer 插件运行。

对于使用 vite 脚手架创建的项目，进入到具体的示例目录，然后运行 yarn dev，例如：

cd 10-vue-router/12-route-view-alias

yarn dev

如果要重装 node_modules 依赖，直接在源码根目录下运行 yarn install 即可（不需进入到具体的示例目录）。