# 课程导读：Vue 2.x全家桶与Vue 3.0 新特性全解析
在Web前端开发领域，Vue.js凭借其渐进式框架理念与卓越性能，已成为构建现代化单页面应用的首选技术栈。面对Vue 2.x成熟生态与Vue 3.0快速迭代的双重选择，初学者往往感到迷茫。本课程专为希望系统掌握Vue技术体系的开发者设计，从零起步，循序渐进地构建完整认知。
**学习门槛与前置要求**：本课程适合有一定JavaScript基础的学习者。如果你已经掌握ES6语法、熟悉DOM操作和基本的前端开发概念，就能顺利跟上课程节奏。不需要预先学习Vue，课程会从最基础的概念讲起，但具备JavaScript功底会让你理解更加深入，学习效率更高。
**推荐学习顺序**：建议按照课程目录顺序逐章学习。先从Vue起步章节开始，通过Hello World案例建立初步感知，随后完成TodoList实战项目，将v-model、v-for、v-on等核心指令融入具体场景。在理解MVVM设计模式和组件化思维后，再进入Vue基础知识精讲部分，仔细研究Vue实例的创建方式和各生命周期钩子函数的触发时机。当掌握基础概念后，重点攻克组件通信章节，特别是子组件向父组件传递数据的机制。完成Vue 2.x核心内容后，再切换到Vue 3.0新特性学习，理解Composition API与Options API的差异，掌握Pinia状态管理和Teleport等新特性。最后通过综合练习巩固所学。
**资料包使用建议**：配套资料包含典型项目源码、练习题和参考文档，应与视频学习同步使用。观看视频时，建议先暂停并动手尝试代码示例，遇到不懂的地方查阅资料包中的说明文档。完成每个章节后，务必尝试独立实现配套练习题，这是检验学习效果最有效的方式。对于生命周期、组件通信等难点章节，反复观看讲解视频并结合源码进行调试，能够加深理解。
**学完能产出什么**：学完本课程后，你将能够独立开发中等复杂度的Vue应用，熟练运用Vue 2.x与Vue 3.0的核心特性解决实际问题。你可以清晰理解两个版本间的差异与演进逻辑，掌握组件化开发思维和状态管理方案，具备将设计方案转化为可运行代码的能力。无论是求职面试还是实际项目开发，你都拥有了扎实的技术基础和项目经验。无论你是零基础入门者还是希望系统梳理技术体系的进阶开发者，这套课程都能为你提供完整的技术支撑，助你在前端开发道路上稳步前行。
课程目录
1-1 [Vue起步] vue课程综述 (03:38) 1-2 [Vue起步] 实现第一个vue程序 Hello world (06:44) 1-3 [Vue起步] 实现TodoList（v-model、v-for、v-on） (12:47) 1-4 [Vue起步] MVVM设计模式 (04:15) 1-5 [Vue起步] 组件化构建应用 (04:00) 1-6 [Vue起步] 使用组件改造TodoList (09:11) 1-7 [Vue起步] TodoList删除功能（子组件向父组件传值） (09:34) 1-8 [Vue起步] 本章小结 (01:50) 2-1 [Vue基础知识精讲] Vue实例 (11:08) 2-2 [Vue基础知识精讲] Vue的生命周期函数（一） (07:53) 2-3 [Vue基础知识精讲] Vue的生命周期函数（二） (09:00) 2-4 [Vue基础知识精讲] Vue模版语法 (12:34) 2-5 [Vue基础知识精讲] 计算属性、方法、侦听器（一） (08:24) 2-6 [Vue基础知识精讲] 计算属性、方法、侦听器（二） (06:50) 2-7 [Vue基础知识精讲] 计算属性中的getter和setter (07:00) 2-8 [Vue基础知识精讲] Vue Class样式绑定 (11:39) 2-9 [Vue基础知识精讲] Vue Style样式绑定 (06:42) 2-10 [Vue基础知识精讲] Vue中的条件渲染 (11:16) 2-11 [Vue基础知识精讲] Vue中列表循环渲染 (08:40) 2-12 [Vue基础知识精讲] 列表循环时使用template (03:05) 2-13 [Vue基础知识精讲] Vue中对象的循环渲染 (04:47) 2-14 [Vue基础知识精讲] 列表循环的时候为什么要使用key？（一） (09:22) 2-15 [Vue基础知识精讲] 列表循环的时候为什么要使用key？（二） (06:43) 2-16 [Vue基础知识精讲] Vue中的set方法 (04:15) 2-17 [Vue基础知识精讲] 本章小结 (09:14) 3-1 [Vue深入组件] Vue中的动态组件（is 特性） (05:03) 3-2 [Vue深入组件] 组件中data的申明方式 (04:15) 3-3 [Vue深入组件] Vue中ref的用法 (11:32) 3-4 [Vue深入组件] 父组件向子组件传值（单向数据流） (11:14) 3-5 [Vue深入组件] 关于引用的传递 (04:08) 3-6 [Vue深入组件] 子组件向父组件传值 (05:49) 3-7 [Vue深入组件] 组件的参数校验（一） (07:26) 3-8 [Vue深入组件] 组件参数校验（二）与props特性 (04:30) 3-9 [Vue深入组件] 子组件绑定原生事件 (06:11) 3-10 [Vue深入组件] 非父子组件传值问题（一） (02:57) 3-11 [Vue深入组件] 非父子组件传值（二） (06:33) 3-12 [Vue深入组件] 插槽的使用 (04:59) 3-13 [Vue深入组件] 作用域插槽 (06:32) 3-14 [Vue深入组件] 动态组件切换与v-once指令的使用 (06:03) 3-15 [Vue深入组件] 具名插槽 (03:35) 3-16 [Vue深入组件] 本章小结 (10:23) 4-1 [Vue周边生态技术] vuex是什么？为什么使用vuex (11:01) 4-2 [Vue周边生态技术] vuex实战讲解 (19:16) 4-3 [Vue周边生态技术] vue-cli简介与安装 (08:56) 4-4 [Vue周边生态技术] 使用脚手架创建第一个vue项目 (04:15) 4-5 [Vue周边生态技术] vue项目目录介绍与首页修改 (12:36) 4-6 [Vue周边生态技术] vue-router路由的使用 (04:30) 4-7 [Vue周边生态技术] 路由的参数传递 (05:41) 4-8 [Vue周边生态技术] 命名路由与编程式导航 (05:57) 4-9 [Vue周边生态技术] 命名视图与嵌套路由 (08:48) 4-10 [Vue周边生态技术] 重定向与别名 (04:48) 4-11 [Vue周边生态技术] 路由组件传参的三种模式 (08:25) 4-12 [Vue周边生态技术] 全局前置守卫 (15:13) 4-13 [Vue周边生态技术] 导航生命周期、路由独享守卫与组件守卫 (14:37) 4-14 [Vue周边生态技术] 组件内守卫 (12:00) 4-15 [Vue周边生态技术] 路由的hash模式与history模式 (05:44) 4-16 [Vue周边生态技术] vue-cli2的卸载 (03:09) 4-17 [Vue周边生态技术] vue-cli3和vue-cli4的安装 (04:09) 4-18 [Vue周边生态技术] 使用vue-cli图形化界面创建项目 (09:45) 4-19 [Vue周边生态技术] 使用命令行创建项目 (08:49) 4-20 [Vue周边生态技术] vue-cli4创建helloworld首页 (06:12) 4-21 [Vue周边生态技术] 详解index,main.js,App.vue之间的关系 (15:05) 4-22 [Vue周边生态技术] axios的安装与在vue中的使用 (11:23) 4-23 [Vue周边生态技术] axios别名方法预备知识（Restful Api动词规范） (10:36) 4-24 [Vue周边生态技术] axios中post请求的使用及Content-Type详解 (24:54) 4-25 [Vue周边生态技术] axios别名请求（put、patch、delete） (15:30) 4-26 [Vue周边生态技术] axios的并发请求 (15:40) 4-27 [Vue周边生态技术] axios关于后端接口的线上地址说明，供同学们练习使用 (05:04) 4-28 [Vue周边生态技术] axios常用请求配置（一） (18:30) 4-29 [Vue周边生态技术] axios常用请求配置（二） (16:34) 4-30 [Vue周边生态技术] axios跨域使用凭证 (20:31) 4-31 [Vue周边生态技术] axios请求的取消（一） (21:42) 4-32 [Vue周边生态技术] axios请求的取消（二） (08:14) 4-33 [Vue周边生态技术] axios实例 (12:58) 4-34 [Vue周边生态技术] axios请求拦截器 (26:15) 5-1 [【福利章节】Vue 3.0 新特性全解析] vue3.0环境配置与项目升级 (07:48) 5-2 [【福利章节】Vue 3.0 新特性全解析] 初识composition API (13:36) 5-3 [【福利章节】Vue 3.0 新特性全解析] setup函数使用细节与注意点 (14:04) 5-4 [【福利章节】Vue 3.0 新特性全解析] reactive 与 ref的使用与区别（一） (13:32) 5-5 [【福利章节】Vue 3.0 新特性全解析] reactive 与 ref的使用与区别（二） (19:23) 5-6 [【福利章节】Vue 3.0 新特性全解析] computed的使用 (09:47) 5-7 [【福利章节】Vue 3.0 新特性全解析] readonly使用详解 (08:33) 5-8 [【福利章节】Vue 3.0 新特性全解析] watchEffect的使用详解 (17:06) 5-9 [【福利章节】Vue 3.0 新特性全解析] watchEffect的使用详解（清除副作用） (16:40) 5-10 [【福利章节】Vue 3.0 新特性全解析] watch的使用方法（一） (14:19) 5-11 [【福利章节】Vue 3.0 新特性全解析] watch的使用方法（二） (07:11) 5-12 [【福利章节】Vue 3.0 新特性全解析] 生命周期钩子函数 (08:55) 5-13 [【福利章节】Vue 3.0 新特性全解析] 依赖注入 (14:09)
