• 投稿

【黑马程序员】vue.js从入门到应用

12.5万
1262
2020-03-30 22:47:54
未经作者授权，禁止转载
1375
1319
5182
453
源码仓库地址 https://gitee.com/vsdeveloper/code_2020_4_2 线上接口 http://api.cms.liulongbin.top/api/getlunbo 三连之后看笔记噢 http://doc.cms.liulongbin.top
视频教程
VUE
WEB前端
刘龙彬 发消息
历史的车轮滚滚向前，古法编程注定要被碾碎，积极探索新时代程序员的成长之路！
视频选集
（184/239）
01.前端框架学习介绍
26:42
02.了解库和框架的区别
03:41
03.MVVM的介绍
13:33
04.通过代码理解Vue基本使用和MVVM的对应关系
12:36
05.vue中指令的特点
05:46
06.插值表达式和v-text指令的两个区别
13:15
07.v-html渲染HTML字符串
01:59
08.v-bind指令的使用和注意点
09:42
09.v-on指令为元素绑定事件
13:10
10.v-on指令的使用和简化写法
04:08
11.跑马灯案例的制作
14:54
12.v-model指令实现数据的双向绑定
06:02
13.使用v-model指令实现简易计算器
10:25
14.上午总结
05:35
15.事件修饰符-上
08:59
16.事件修饰符-下
08:54
17.在Vue中使用类样式的4种方式
15:15
18.在Vue中使用style行内样式
03:58
19.v-for循环数组-上
08:35
20.v-for中key属性的使用
14:42
21.v-show和v-if的使用
11:06
22.渲染品牌列表并实现添加功能
11:20
23.使用数组的findIndex方法查找对应项的索引值
16:43
24.实现品牌检索功能
18:33
25.使用字符串的includes新方法来判断是否包含
01:59
26.优化品牌列表检索的功能
07:24
27.全局过滤器的介绍和总结
24:04
01.反馈和作业
12:57
02.全局过滤器的使用复习
11:42
03.定义全局和私有的过滤器
06:03
04.自定义全局指令让文本框获得焦点
19:28
05.自定义全局的v-color指令
08:20
06.自定义私有指令和函数的简写形式
07:06
07.按键修饰符的使用
06:41
08.vue实例生命周期函数介绍
04:56
09.实例生命周期-创建阶段
24:05
10.实例生命周期-运行和销毁阶段
24:00
11.使用vue-resource发起get请求
08:59
12.使用async和await来修饰实现数据请求的异步方法
03:03
13.使用vue-resource发起post和jsonp请求
04:06
14.使用axios发起数据请求
06:36
15.使用node服务器模拟JSONP实现过程
23:30
16.品牌案例-获取品牌列表
11:06
17.品牌案例-实现添加品牌功能
11:21
18.配置axios请求的根路径并且抽离为单独的文件
07:29
19.品牌案例-实现删除功能
02:17
20.动画-相关概念
10:20
21.动画-使用过渡类名
07:36
22.动画-使用第三方CSS动画样式库
08:18
23.动画-钩子函数实现小球半场动画
16:20
24.动画-小球动画执行过程的分析
06:47
25.动画-flag变化的过程分析
02:43
26.动画-列表动画和动动画元素的name属性
25:04
01.关于后端Node接口
02:18
02.模块化和组件化的定义
12:02
03.关于created函数和mounted函数的说明
13:16
04.定义全局组件的第一种方式
11:13
05.Vue中的组件也是一个特殊的Vue实例
03:22
06.定义组件的第二种方式
03:41
07.关于Vue.component定义组件的几个注意点
04:47
08.定义全局组件的第三种方式
08:19
09.定义私有组件
04:45
10.在组件中定义私有的data和methods方法
08:54
11.为什么组件的data必须是function并返回对象
12:28
12.使用flag标识符和v-if与v-else实现组件的切换
10:48
13.使用component标签结合is属性切换多个组件
07:47
14.为组件切换添加动画效果
06:50
15.父组件通过属性绑定为子组件传递数据
11:17
16.父组件向子组件传递对象
06:00
17.父组件把方法传递给子组件
08:25
18.子组件向父组件传递数据
06:07
19.案例-评论列表案例练习父子组件传值
18:44
20.使用ref属性操作页面上的元素或组件
13:18
21.vue中data和props的区别
12:32
22.使用hash模拟前端路由的实现过程
21:03
23.vue-router最基本的使用方式
14:07
24.路由的使用步骤总结
04:23
25.router的匹配过程介绍
01:23
26.设置被选中路由高亮的两种方式
16:00
27.使用路由规则的redirect属性实现重定向
02:20
28.为路由的切换添加动画效果
02:40
29.在路由中获取query形式传递的参数
07:43
30.在路由中获取params形式传递的参数
05:37
31.路由中使用props获取参数
05:10
01.复习-单页面应用程序介绍
17:37
02.复习vue-router中的路由
09:12
03.使用路由规则的children属性实现路由和组件的嵌套
23:21
04.关于node.js对前端技术的重要性说明
06:08
05.命名视图的使用
14:45
06.watch的基本用法
14:59
07.使用watch监视URL地址的改变
11:01
08.computed计算属性的基本使用
10:16
09.computed计算属性的get和set方法
05:38
10.cnpm工具的介绍
08:17
11.webpack的介绍
21:04
12.关于webpack可以做什么事情
06:20
13.介绍webpack的两种安装方式
06:08
14.使用全局的webpack构建列表隔行变色案例
30:04
15.使用最简单的webpack.config.js配置文件
12:04
16.使用webpack-dev-server实时打包编译
22:27
17.总结webpack和webpack-dev-server的使用步骤
08:45
18.使用html-webpack-plugin插件在内存中生成HTMl页面
16:15
19.为webpack-dev-server设置指令
14:32
20.了解配置webpack-dev-server指令的第二种方式
10:20
21.了解webpack解决文件之间依赖关系的设计方式
19:22
01.复习-为什么要使用webpack和项目的基本结构搭建
19:52
02.复习-webpack-dev-server的基本使用
19:06
03.复习-html-webpack-plugin的基本使用
06:47
04.复习-webpack-dev-server运行的指令
03:04
05.在webpack中处理css文件
17:53
06.webpack处理css文件时的注意事项
07:47
07.第三方loader和webpack之间的调用关系
08:02
08.在webpack中打包处理less文件
09:38
09.在webpack中处理scss文件
05:41
10.在webpack中打包处理样式表中的图片路径
10:38
11.关于url-loader中limit参数的介绍和使用
10:44
12.关于url-loader自动生成的文件名的说明
15:24
13.演示webpack打包ES6新特性时候的问题
04:23
14.配置babel-loader解析高级的JS语法
20:15
15.关于babel配置文件的说明
08:36
16.babel配置总结
04:29
17.关于export default和 export 的使用区别
19:16
18.class中constructor的使用
11:23
19.在class类中定义静态属性静态方法和实例属性实例方法
17:22
20.class实现面向对象-上
29:42
21.class实现面向对象-下
05:41
22.介绍fetch API发送Ajax请求
16:25
23.今天内容的总结
12:40
01.反馈
14:53
02.什么是webpack的发布策略
09:52
03.使用pub脚本实现最简单的发布策略
09:34
04.发布期间将所有图片统一放到images目录下
03:28
05.使用clean-webpack-plugin清除dist目录
03:21
06.使用webpack.optimize.CommonsChunkPlugin抽离第三方包
11:30
07.压缩优化Javascript文件
13:27
08.抽离CSS样式表到单独的文件中
13:48
09.压缩CSS文件
03:07
10.webpack发布策略结束
09:42
11.在普通的网页中使用render函数渲染组件
17:22
12.介绍为什么webpack构建的项目中不能定义普通的组件
19:31
13.在webpack中使用.vue组件文件
12:17
14.在webpack中配置vue-router
15:15
15.style标签的scoped属性实现组件私有样式
07:57
16.将路由抽离为单独的模块
03:54
17.在项目中配置全局Mint-UI
10:04
18.使用Mint-ui中的Button按钮
04:07
19.尝试使用Toast弹框并使用Bootstrap图标
07:16
20.为Toast弹框修改图标的颜色
10:22
21.介绍mui的使用并和Mint-UI做对比
07:40
22.创建项目的基本解构
07:49
23.使用码云托管项目并使用VSCode集成的git工具
16:02
24.绘制App.vue组件的Header区域
08:08
25.绘制App.vue组件的tabbar区域
11:06
26.制作tabbar的路由组件切换
11:50
27.将路由单独抽离为一个JS模块
02:01
28.实现路由的高亮和首页的重定向
03:01
29.绘制轮播图区域的样式
04:10
30.完成轮播图区域数据获取并提交今天代码
16:27
01.反馈
10:12
02.制作首页九宫格布局
17:23
03.实现路由组件的切换动画效果
16:10
04.添加新闻资讯的路由
07:49
05.绘制新闻列表的页面布局
11:14
06.使用axios获取新闻列表并渲染列表页面
09:21
07.总结新闻列表数据展示的步骤
03:31
08.定义全局的时间过滤器
13:18
09.将过滤器抽离为单独的filters.js模块
04:12
10.使用模块化的思想分割main.js中的代码到独立的模块中
06:55
11.实现新闻资讯页面到新闻详情页面的路由跳转并使用props接收路由参数
13:05
12.总结模块化的使用和路由跳转props传参
07:58
13.完成新闻详情页面的数据渲染
10:41
14.评论子组件的封装和引用
11:22
15.完成评论组件的样式美化
08:47
16.获取评论数据并渲染评论列表
13:12
17.实现点击加载更多的评论
07:22
18.总结加载更多的实现步骤
04:25
19.完成发表评论的功能并解决评论加载的问题
17:09
20.总结发表评论的实现步骤
01:40
21.实现图片分享页面的路由改造
05:02
22.实现图片分享列表的滑动条效果
33:24
23.移除滑动区域的警告问题
06:30
24.打卡
03:04
01.解决tabbar切换问题
12:12
02.获取图片分类数据并渲染列表和设置高亮效果
11:17
03.封装根据分类Id获取图片列表的方法
05:20
04.实现图片的懒加载效果
07:30
05.分析和总结图片分类和懒加载效果实现过程
05:13
06.关于全局组件的问题
06:48
07.实现图片列表样式美化
15:28
08.实现点击图片分类切换图片的列表
03:32
09.点击图片跳转到图片详情页面
05:55
10.实现图片详情页面的制作
11:29
11.总结点击图片跳转到详情页和图片详情页的开发步骤
05:55
12.使用vue-preview来渲染缩略图
21:19
13.添加商品列表的路由规则
05:01
14.实现经典的商品两列布局样式
23:44
15.渲染商品列表并解决商品高度问题
11:45
16.完成点击加载更多商品和添加节流阀
06:10
17.使用手机调试Vue项目
12:28
18.添加商品列表跳转到商品详情的路由规则
07:30
19.实现商品详情页面的卡片布局
05:21
20.封装轮播图组件并设计如何解决轮播图的分歧
14:12
21.通过isfull属性来设置轮播图组件的样式
12:59
22.完成商品详情页面的布局和美化
07:56
23.渲染商品详情页面的数据
04:54
24.封装数字选择框组件并引入到页面中
07:48
25.使用watch属性监听nobox的max值改变
17:10
26.打卡
01:03
01.通过编程式导航实现路由的跳转
24:08
02.渲染商品的描述页面
06:53
03.实现评论页面的功能
04:40
04.编程式导航的使用总结
04:32
05.设置小球的基本样式和位置
07:43
06.实现小球动画的基本效果
15:25
07.解决小球动画的分辨率和滚动条兼容性问题
20:05
08.实现nobox的值自动传递给goodsinfo父组件
16:20
09.vuex的介绍
18:50
10.使用传统的父子组件传值实现count值共享
12:13
11.在项目中使用Vuex的基本步骤
13:16
12.使用mapState映射state数据到组件中
04:34
13.关于展开运算符的使用介绍
18:00
14.使用mutations定义操作数据的方法并调用
09:34
15.关于mutations中方法使用的两种方式
10:28
16.使用getters来包装数据
07:56
17.关于vuex中actions的使用和mutations的区别
15:19
18.在vue-cms项目中配置vuex
05:00
19.数组some方法的使用
10:47
20.将商品添加到购物车
06:31
21.同步徽标中的数量
04:28
22.通过localStorage实现购物车数据的持久化存储
06:02
23.实现购物车页面的布局
13:23
24.根据cart加载商品列表
07:08
25.初始化商品的购买数量
06:17
26.通过nobox更新购物车中商品的数量
06:10
27.实现购物车中商品删除的功能
07:49
28.实现开关效果
13:00
29.完成总价和勾选数量
05:47
30.发布Vue的项目
11:46
31.拓展-打包手机App
12:28

【黑马程序员】vue双向数据绑定原理
刘龙彬
3.0万 465

【2026最新版】NodeJs全栈开发，Node.js快速入门到精通（全101集）
nodejs全栈开发
9.5万 60

【黑马程序员 · 前端公开课】两小时掌握Flutter移动App开发
刘龙彬
2.2万 26

大公司用React小公司用Vue，背后的真实原因
计算机大白话
2.5万 17

20分钟入门 Node.js ｜后端开发｜全栈开发｜Mongo DB
三分钟实验室
28.3万 215

3小时前端入门教程（HTML+CSS+JS）
罗大富Bigrich
171.1万 7036

全网首发AI+JavaWeb开发入门，Tlias教学管理系统项目实战全套视频教程，从需求分析、设计、前后端开发、测试、程序优化到项目部署一套搞定
黑马程序员
1197.3万 13.6万

Json 详解，5分钟学会
停止重构
24.1万 191

JavaScript零基础入门到精通200集
Java基础
9.0万 183

十分钟入门vue
三分钟实验室
30.4万 193

【黑马程序员·前端公开课】尝鲜 vue3.x 新特性 - CompositionAPI
刘龙彬
8111 40

『芋道项目』ruoyi-vue-pro、yudao-cloud全新版本，优化重构所有功能。（更新至98集）
OneCoder-
13.6万 56

黑马程序员Java函数式编程全套视频教程，Lambda表达式、Stream流、函数式编程一套全通关
黑马程序员
23.7万 3108

被这个开源后台管理系统惊艳到了
茄子懂编程
7.0万 5

2026吃透Java架构师全套教程（Spring、Redis、JVM、MySQL、netty、并发、微服务分布式）逼自己15天学完【附200万字面试宝典】
图灵官方
4.2万 87

【全140集】Node.js零基础入门到精通教程，从浅入深讲解（适合小白学习）
Max极客菌
17.5万 159

前端Vs后端开发演示
社恐程序员Peter
16.7万 18

【Vue3极简2025版教程】2个半小时快速学会Vue，效率最高，用时最短！
图灵学院官方号
69.1万 1966

【2025最新版】Vue3入门到精通，零基础快速上手视频教程(已完结)
土豆本体
31.8万 529

Spring Boot企业级开发教程（第2版）
黑马程序员教材研究院
3.6万 10
展开
英雄联盟十五周年，评选最夯棱彩海克斯！
客服
顶部
赛事库 课堂 2021拜年纪