视频简介：

历经 5 年的反复打磨与锤炼，黑马程序员重磅推出全套最新的 Vue2 + Vue3 基础课程。共计 500 多集的免费视频，助您轻松掌握前端圈最火的 Vue 框架！

1. 掌握 webpack 工程化的开发模式

2. 掌握 Vue 常用的指令

3. 掌握如何使用 vue-cli 快速创建工程化的 Vue 项目

4. 掌握 SFC 单文件组件的各种详细用法

5. 掌握如何实现组件之间的数据共享

6. 掌握 Vue 项目中如何正确配置和使用 axios

7. 掌握自定义指令、过滤器、插槽的使用

8. 掌握 vue-router 的使用

9. 掌握 vue-devtools 调试工具的使用

10. 掌握 ref、动态组件、$nextTick 的使用

11. 掌握 Vant、Element-UI 组件库的使用

12. 能够使用 Vue 实现企业级项目的开发

课程亮点：

1.  工程化开发，现在市场还是直接引入 vue.js 到 html 页面， 开发中不用这个方式，我们是直接按照工程化的方式进行讲解。

2.  案例驱动教学，精心设计的 4 大案例，保证每一位学生听得懂、写得出、能实践。

3.  深入浅出地讲解 Vue2 / Vue3  中的指令、组件、侦听器与计算属性，以及生命周期、数据共享、动态组件、插槽、路由等核心技术点。

4.  同时，涵盖了 axios 在 Vue 项目中的最佳实践方案；以及 Vant 组件库的主题自定制方案。

5.  最后一天的 Vue 基础收尾案例，助力学生更加轻松的过渡到 Vue 项目课的学习！

课程内容：

1. webpack、ES6 模块化

2. Promise、async/await，EventLoop

3. 常用指令、过滤器、vue-devtools

4. 侦听器、计算属性、axios

5. vue-cli、单文件组件的构成

6. 解决组件之间的样式冲突、样式穿透

7. props、组件通讯

8. ref、动态组件、插槽、keep-alive

9. 自定义指令、$nextTick、路由

10. vant 组件库、element-ui 组件库

11. 组件封装、组件上的 v-model

适用人群：

1. 对前端开发感兴趣，希望通过自学的方式迅速入手 Vue 框架的相关人员

2. 对目前职业有进一步提升需求，希望从事 Vue 高薪岗位的在职人员

3. 对 Vue 框架感兴趣，希望快速入门 Vue 开发的相关人员

课程目录介绍

第一天：前端工程化与 Webpack

1. 前端工程化的相关概念

2. Webpack 的基本使用

3. Webpack 中的插件

4. Webpack 中的 loader

5. 打包发布

6. Source Map

7. 案例：列表隔行变色的案例

第二天：vue 基础入门 - part1

1. vue 简介

2. vue 的基本使用

3. vue 的调试工具

4. vue 的常用指令

5. 案例：品牌列表案例

第三天：vue 基础入门 - part2

1. 过滤器的定义和使用

2. 侦听器的详细用法

3. 计算属性的使用

4. axios 的基本用法

5. vue-cli 的安装和使用

第四天：组件与生命周期

1. 组件的注册与使用

2. props 自定义属性

3. 样式冲突与解决方案

4. 组件的生命周期函数

5. 父组件向子组件共享数据

6. 子组件向父组件共享数据

7. EventBus 实现数据共享

第五天：ref + 购物车案例

1. ref 引用 DOM 元素

2. ref 引用 vue 组件

3. $nextTick 的用法

4. 数组的常用方法

5. 案例：购物车案例

第六天：组件的高级用法

1. component 动态组件

2. keep-alive 的基本用法

3. 默认插槽

4. 具名插槽

5. 作用域插槽

6. 自定义指令

7. eslint 的语法和配置

8. 配置 VSCode 的格式化插件

9. 把 axios 挂载到 Vue 的原型上

10. 案例：基于插槽改造购物车案例

第七天：路由

1. 路由的概念

2. 手动实现简易的前端路由

3. 路由的基本安装和配置

4. 路由重定向

5. 嵌套路由

6. 动态路由

7. 编程式导航

8. 路由导航守卫

9. 案例：后台管理的路由案例

第八天：vue 基础收尾案例

1. 安装和使用 Vant 组件库

2. Tabbar,Navbar 组件的基本用法

3. 在项目中封装 axios API 模块

4. 封装 ArticleInfo 组件

5. 实现上拉加载更多的效果

6. 实现下拉刷新的效果

7. 实现 Vant 主题定制