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 开发实战
登录|注册
当前播放: 16 | 如何优雅地获取跨层级组件实例（拒绝递归）
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管理）
本节摘要
登录 后留言
全部留言(32)
- 最新
- 精选
砖用冰西瓜
这个基础篇需要有基础的人看。
作者回复: 前面补录了更基础的内容哈，这节算作高级应用了，视频中也有提到大部分业务开发不会需要这些知识的，如果你以后自己开发组件库或者更加复杂的项目（我至今也没在业务项目中用过），才会需要的。但我们提前掌握，或知道他的应用场景，以后碰到了再来回顾也是可以的
2019-03-27
30
风来了
vuex刷新浏览器数据就会销毁 项目直接可以用sessitionStoreage 也可以达到效果 一直没明白vuex的优点是什么？
作者回复: Vuex承载的不仅仅是数据，还有数据的响应式，数据的增删改查，甚至是浏览器中的调试插件
2019-08-12
9
细节决定成败
老师v-ant-ref VUE不识别
作者回复: 没有注册啊
2019-07-01
2
Semantha
老师，请教一个问题：之前在项目中看过其他同事直接使用的ref，比如<parent-component ref='xxx'>，和这节课的内容是一个意思么？
作者回复: 相关 字符串的方式灵活性比较低 指令的方式就比较灵活 尤其是跨层级时
2019-06-16
盆栽
这一节视频看了4遍，老师，有2个疑问。
1. 视频中说实例不能被缓存？比如我在组件A中缓存组件B中的实例，this.refsB = this.$refs.componentB，当B组件有东西更改了，A组件的refsB属性（也就是缓存的B实例）会相应的更改啊。
2. 使用provide/inject的话，是不是在大型的组件库才会使用噢，毕竟这样相当于提前布阵，会写很多设置组件（调用setChildrenRef方法）ref的代码，比如视屏中F要获取H的实例，但是我却要在D中去写设置H实例的代码，感觉有点累。所以我想问，如果平常业务开发中遇见此需求，是不是使用this.$parent或者this.$refs一层层的寻找简单一点呢？
作者回复: 1. 没错，会相应更改，问题是跨多层实例的时候不能简单的通过this.$refs.xxx来访问 2. 一般做通用组件开发的时候才会使用，业务中理想状态下不应该出现这种访问实例的情况，大概率使用vuex就可以了
2019-06-07
colorful
老师这个自定义v-ant-ref的使用必须得借助 inject和provide吗
作者回复: 不需要，ref是收集实例，通过inject、provide来传递实例，两个不一样的东西，看你需要什么
2019-05-26
火柴
这节课程有点难度
作者回复: 单纯业务开发，不太会需要这节知识点
2019-05-21
呆呆的初学者
麻烦问下老师通过v-ref得到的组件实例的数据是只读不可写的么
作者回复: 没有限制，但我想没有写的场景，如果要写，可以再好好考虑考虑，是不是有其他方案
2019-05-05
烟雨海花lwl
😂沉迷provide和inject
作者回复: 友情提醒: 不是写通用组件的话 慎用 😄
2019-04-12
young
老师，学了获取组件实例以后组件之间的通信太方便了！！属性、插槽、$emit、provide/inject都不需要了？好麻烦
作者回复: 😓慎重慎重 如果不是开发通用组件，不建议用这个知识点
2019-04-11
收起评论