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 开发实战
登录|注册
当前播放: 15 | 常用高级特性provide/inject
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管理）
本节摘要
登录 后留言
全部留言(29)
- 最新
- 精选
M
还想问一个问题，这个provide和inject，官方说建议provide 和 inject 主要为高阶插件/组件库提供用例。并不推荐直接用于应用程序代码中。这是为什么，这么好的东西我们应用到我们的业务场景中会有怎样的弊端呢？
作者回复: 业务开发可以优先考虑vuex提供全局唯一store， provide inject 会有一个类似冒泡的特性，数据源有可能在中间被”“打断”，甚至是有可能被组件库中的组件打断，或者打断组件库中的provide，不利于维护
2019-03-25
20
网络修补匠
老师，还是有点不理解 this.color 在 data 中已经声明了，为什么不是非响应的。能不能解释一下，百度了好多也没有想要的答案。。希望老师看到
作者回复: this.color是响应式的，但通过provide提供给其他组件的color就不是响应式了
2019-04-12
2
13
爱烤火的鱼
this.color不是在data中定义了吗？为什么不是响应式的？
作者回复: Provide提供的数据默认都不是响应式的 这个官方文档有说明 可以在文档中直接搜索provide这个关键字
2019-04-08
7
LLT
为什么我用作者提供的Demo，在不取消注释的情况下点击A节点改变颜色，它怎么照样可以改变颜色，不是不应该改变颜色吗？按道理应该theme：this的情况下才会改变颜色。不解中。。。。。。
作者回复: 如果你是运行的demo，注意看1.8/index.vue 中具体使用的哪个组件，ChildrenA 还是 ChildrenA_a，这个在讲解习题的时候代码被同步改成了习题的答案demo。 官方解释如下：https://cn.vuejs.org/v2/api/#provide-inject
2019-03-29
4
前端队长
看完对比官网进行总结：https://github.com/Daotin/fe-notes/issues/5#
作者回复: 👍🏻
2020-03-12
2
2
Geek_504ce5
用this传不就把父组件所有属性都想下传递了 这样也不科学吧
作者回复: Vue 2.6之后可以通过vue.observe按需传递响应式数据
2020-03-09
1
烟雨海花lwl
打卡三刷
作者回复: 666
2019-04-28
1
Geek_115bc8
老师 是不是 provide 和 inject 只能祖先将数据传递给后代 而后代不能传给祖先呀 是不是好比现在的吭老族
作者回复: 😃 单向数据流
2020-05-08
晓芳☀️☀️☀️
$ git clone https://github.com/geektime-geekbang/geektime-vue-1.git
Cloning into 'geektime-vue-1'...
remote: Enumerating objects: 334, done.
error: RPC failed; curl 18 transfer closed with outstanding read data remaining
fatal: The remote end hung up unexpectedly
fatal: early EOF
fatal: index-pack failed
老师，我在 git 上拉代码，总是报错
作者回复: 这个是个人网络问题吧
2019-04-28
卻纂
感觉就是模仿的context
作者回复: 解决的都是同类问题
2019-04-18
收起评论