首页技术文章正文

500+节教程:vue2.0+vue3.0全套免费【黑马程序员】

更新时间:2021-08-06 来源:黑马程序员 浏览量:

盘点传智黑马程序员超百万播放量的视频,其中有一套便是《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 主题定制    





猜你喜欢:

Vue中如何监控某个属性值的变化?

vue-router的工作原理|实现单页面前端路由的两种方式

前端实战教程:快速掌握Vue.js的基本使用

黑马程序员web前端与移动开发培训

分享到:
在线咨询 我要报名