我的Vue3学习计划
| 阶段 | 学习目标 | 参考文献 | GitHub项目 | 学习时间 |
|---|---|---|---|---|
| 基础阶段 | 熟悉Vue3的安装、配置和基本语法 了解Vue3的生命周期、响应式原理和组件化开发 掌握Vue3的模板语法、数据绑定、计算属性、事件处理、条件渲染、列表渲染等常用功能 理解Vue3的新特性，如Composition API、Teleport、Suspense等 | Vue3官方文档：v3.cn.vuejs.org/ B站视频教程：www.bilibili.com/video/BV1vy… Vue3新特性介绍：juejin.cn/post/684490… | vue3-realworld-example-app：github.com/mutoe/vue3-… vue3-todo-list：github.com/BlackHole1/… vue3-composition-admin：github.com/hookszhang/… | 一周（每天2小时） |
| 进阶阶段 | 熟悉Vue CLI的安装、使用和配置，能够快速创建和管理Vue3项目 了解Webpack的基本概念和功能，能够对Vue3项目进行打包和优化 掌握Vue Router的路由模式、导航守卫、动态路由等常用功能，能够实现单页面应用的路由管理 掌握Vuex的状态管理模式、模块化、异步操作等常用功能，能够实现组件间的数据共享和通信 | Vue CLI官方文档：cli.vuejs.org/zh/ Webpack官方文档：webpack.docschina.org/ Vue Router官方文档：next.router.vuejs.org/zh/ Vuex官方文档：next.vuex.vuejs.org/zh/ | vue3-admin-template：github.com/PanJiaChen/… vue3-antd-admin：github.com/iczer/vue-a… vue3-music：github.com/sunniejs/vu… | 两周（每天3小时） |
| 提高阶段 | 熟悉Vue3的源码结构和核心原理，能够阅读和分析Vue3的源码 了解Vue3的测试工具和方法，能够对Vue3项目进行单元测试和端到端测试 掌握Vue3的服务端渲染（SSR）和静态站点生成（SSG）的原理和实现，能够提高Vue3项目的性能和SEO 掌握Vue3的常用插件和UI库，如Element Plus、Vant、Ant Design Vue等，能够快速开发高质量的前端界面 | Vue3源码解析系列文章：juejin.cn/post/684490… Vue Test Utils官方文档：next.vue-test-utils.vuejs.org/zh/ Vue SSR官方文档：ssr.vuejs.org/zh/ VitePress官方文档：vitepress.vuejs.org/zh/ Element Plus官方文档：element-plus.org/#/zh-CN Vant官方文档：vant-contrib.gitee.io/vant/v3/#/z… Ant Design Vue官方文档：2x.antdv.com/docs/vue/in… | vue3-source-code-analysis：github.com/cuixiaorui/… vue3-jest：github.com/blacksonic/… vue3-ssr-example：github.com/Akryum/vue3… vitepress-blog：github.com/xiaoluobodi… vue3-element-admin：github.com/harsima/vue… vue3-vant-mobile-template：github.com/sunniejs/vu… vue3-antd-admin：github.com/iczer/vue-a… | 三周（每天4小时） |
