Vue 开发实战 
60939 人已学习
新⼈⾸单¥59
课程目录
已完结/共 53 讲
第一章：基础篇 (17讲)
时长 03:56
时长 03:42
时长 02:25
时长 11:36
时长 13:42
时长 06:56
时长 13:34
时长 15:14
时长 06:31
时长 14:52
时长 07:12
时长 07:25
时长 09:12
时长 09:23
时长 05:17
时长 07:49
时长 06:53
第二章：生态篇 (13讲)
时长 05:10
时长 11:49
时长 05:28
时长 13:57
时长 09:22
时长 04:01
时长 03:53
时长 02:45
时长 29:42
时长 05:17
时长 06:36
第三章：实战篇 (21讲)
时长 05:34
时长 05:10
时长 14:01
时长 25:22
时长 34:11
时长 32:12
时长 18:59
时长 14:57
时长 21:04
时长 14:14
时长 14:55
时长 08:36
时长 13:42
时长 26:06
时长 15:33
时长 14:46
时长 13:56
时长 18:22
时长 10:29
时长 07:19
时长 09:41
第四章：福利篇 (2讲)
时长 04:29
Vue 开发实战
登录|注册
当前播放: 12 | 合理应用计算属性和侦听器
00:00 / 00:00
高清
- 高清
1.0x
- 2.0x
- 1.5x
- 1.25x
- 1.0x
- 0.75x
- 0.5x
付费课程，可试看
01 | 课程介绍
02 | Vue简介
03 | 内容综述
05 | 组件基础及组件注册
04 | 第一个Vue程序
06 | Vue组件的核心概念：事件
07 | Vue组件的核心概：插槽
08 | 理解单文件组件
09 | 双向绑定和单向数据流不冲突
10 | 理解虚拟DOM及key属性的作用
11 | 如何触发组件的更新
12 | 合理应用计算属性和侦听器
13 | 生命周期的应用场景和函数式组件
14 | 指令的本质是什么
15 | 常用高级特性provide/inject
16 | 如何优雅地获取跨层级组件实例（拒绝递归）
17 | template和JSX的对比以及它们的本质
18 | 为什么需要Vuex
19 | 如何在Vue中使用Vuex
20 | Vuex核心概念及底层原理
21 | Vuex最佳实践
22 | Vue Router的使用场景
23 | 选择何种模式的路由及底层原理
24 | Nuxt解决了哪些问题？
25 | Nuxt核心原理是什么？
26 | UI组件库对比：Element UI、Ant Design Vue、iView
27 | 提升开发效率和体验的常用工具：ESLint、Prettier、vue-devtools
28 | 单元测试的重要性及其使用
29 | 生态篇习题解答（上）
30 | 生态篇习题解答（下）
31 | Ant Design Pro介绍
32 | 使用Vue CLI 3快速创建项目
33 | 如何自定义Webpack和Babel配置
34 | 如何设计一个高扩展性的路由
35 | 实现一个可动态改变的页面布局
36 | 如何将菜单和路由结合
37 | 如何使用路由管理用户权限
38 | 更加精细化的权限设计（权限组件、权限指令）
39 | 如何在组件中使用ECharts、Antv等其他第三方库
40 | 如何高效地使用Mock数据进行开发
41 | 如何与服务端进行交互（Axios）
42 | 创建一个普通表单
43 | 初始数据、自动校验、动态赋值
44 | 创建一个分步表单
45 | 自己封装一个支持自动校验的表单项
46 | 如何管理系统中使用的图标
47 | 如何定制主题及动态切换主题
48 | 如何做好国际化
49 | 如何高效地构建打包发布
50 | 如何构建可交互的组件文档
51 | 如何做好组件的单元测试
52 | 如何发布组件到npm
53 | 结课测试&GitHub相关生态应用（持续集成、单测覆盖率、文档发布、issue管理）
本节摘要
登录 后留言
全部留言(31)
- 最新
- 精选
RtyXmd
$forceUpdate这个方法好想从没见过 也没用过
作者回复: 平常业务开发中是比较少用的 其实就是强制更新的意思 不管数据是否变化
2019-03-19
5
梟
watch一个含有多级属性的对象时，当子级属性发生变化，handler方法的表示新旧值的两个参数会出现值相同的bug，请问老师有没有比较好的解决办法呢？
作者回复: 这不是bug，引用类型都是如此， 我的使用方式是直接监听 这个对象，更改的时候直接更改这个对象，而不是更改这个子属性 如：this.obj = {...this.obj} 每次都是新值
2019-05-16
2
1
yangfeng
哦哦，原来。还有就是 Debounce是防抖吧，我记得老师您在讲堂说的是节流
作者回复: 对的 我要表达的实际上是“防抖”
2019-03-19
1
2020
我理解的计算属性和v-model一样都是类似语法糖一样的东西。
作者回复: 计算属性不能算语法糖
2020-05-21
张飞蓬
谢谢老师
作者回复: 感谢支持
2019-05-21
Geek_763d26
老师，为什么computed中now的值没有变化
作者回复: computed中的值是否变化依赖的是响应式数据，而now依赖的是Data.now(), 这个值并不是响应式数据
2019-04-15
网络修补匠
不是很理解 @click="() => $forceUpdate()"
这个 => 是什么意思？
作者回复: 箭头函数 es6 js新标准 应该说也谈不上新了 建议学习一下 后面我们很多都是使用的新标准
2019-04-12
2
橘生淮南
老师，方便把ppt发一下吗？看你有些图挺不错的画的，有助于理解，谢谢
作者回复: 视频下方挂出来的github链接里面有课件哈
2019-03-25
思考的大腿
请问老师，watch 和 computed 有性能差距吗？
作者回复: 单纯监听的话，没有 不过computed可以缓存数据，有些场景是有性能提升的
2019-03-25
帆帆
老师有更好的方法实现吗。后续的视频会讲布置的作业吗？
防抖作业
// 通过闭包的原来实现
function delayer(func) {
let timer = null
return function (newValue) {
clearTimeout(timer)
timer = setTimeout(() => {
func(newValue, this)
}, 1000)
}
}
watch: {
firstName: delayer((newValue, _this) => {
_this.fullName = newValue
})
}
作者回复: 会讲的哈，实现形式很多种，都可以看看大家的实现形式，没有最优 只有更优
2019-03-22
收起评论