更新时间:2021年08月06日17时45分 来源:传智教育 浏览次数:
盘点传智黑马程序员超百万播放量的视频,其中有一套便是《4个小时带你快速入门Vue》,115万播放量,4.7万收藏量,获得全网好评。
当然!这还不够!
技术在更新,传智也不曾停下脚步
最新前端 Vue 教程来了!
历经 5 年的反复打磨与锤炼
传智黑马程序员课研老师呕心沥血
从 4 小时的快速入门版
升级到近 70 小时的最全高薪版
年中巨作,重磅推出
全套最新Vue2+Vue3基础课程
地!表!最!强!系!列
内修心法:
底层源码框架,面试做题如鱼得水;
外练招式:
大厂实战项目,上手项目得心应手。
学完你能收获什么?
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 中的 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 主题定制