JavaEE鸿蒙应用开发HTML&JS+前端Python+大数据开发人工智能开发电商视觉设计软件测试新媒体+短视频直播运营产品经理集成电路应用开发(含嵌入式)Linux云计算+运维开发C/C++拍摄剪辑+短视频制作PMP项目管理认证电商运营Go语言与区块链大数据PHP工程师Android+物联网iOS.NET

前端框架Vue2+Vue3全套视频高级教程

更新日期:2021.12.31

全套视频教程及资料

视频教程技术解析配套源码学习工具学习笔记

一键免费下载

扫码关注,回复关键词,马上领取全套视频资源!

1. 微信扫描二维码,
    关注“黑马程序员”公众号(itheima666)

2. 回复关键词“vue”,

即可领取相应全部资源

课程须知

循序渐进、由浅入深地讲解 Vue 的基础课程。通过合理的课程设计,保证知识点前后的连贯性,让学生更加轻松地跟着老师的思路学好每一天的课程。...

  1. 课程介绍
  2. 课程目录
  3. 课程评论

视频简介:

历经 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 主题定制


更多章节请下载完整视频观看 >>
综合评分5.0

4人已评分

我也要评分

评论打分
你觉得老师讲的怎么样?

评论字数不能超过100字,还剩个字符

发表评价

无名

老师讲的好

0

管理员回复:感谢支持

2022-03-16 23:31

无名者

vue

0

2022-02-25 22:08

无名者

无法下载

0

管理员回复:关注公众号“黑马程序员”回复:领取资料 就可以领取啦~~

2021-10-31 06:52

无名者

VUE2.0的资料中,day1.rar和day2.rar两个文件下载后win10安全中心报毒,请检查一下

1

管理员回复:因为资料里面有代码,所以会被误认为木马,忽略就可以了

2021-08-28 21:29