前端教程Vue全家桶：Vue2.0+Vue3.0

互联网发展至今，前端工程师以其高需求量和高薪酬成为IT行业职场新贵。
走进现代前端开发行业，播妞发现，每一位前端开发人员都面临着一个重要决策，选择一个合适的框架。

这时，更符合时代大势所趋的前端框架 Vue，以其独有的优势受到开发人员追捧。
盘点黑马程序员超百万播放量的视频，其中有一套便是《4个小时带你快速入门Vue》，115万播放量，4.7万收藏量，获得全网好评。

黑马程序员vue前端基础教程-4个小时带你快速入门vue
当然！这还不够！
技术在更新，我们也不曾停止脚步
最新前端 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 项目课的学习。

课程内容

第一天：前端工程化与 Webpack

1. 前端工程化的相关概念2. Webpack 的基本使用3. Webpack 中的插件4. Webpack 中的 loader5. 打包发布6. Source Map7. 案例：列表隔行变色的案

第二天：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 主题定制

适合人群

1. 对前端开发感兴趣，希望通过自学的方式迅速入手 Vue 框架的相关人员；
2. 对目前职业有进一步提升需求，希望从事 Vue 高薪岗位的在职人员；
3. 对 Vue 框架感兴趣，希望快速入门 Vue 开发的相关人员。

课程链接：黑马程序员Vue2.0+Vue3.0入门到精通