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 开发实战
登录|注册
当前播放: 38 | 更加精细化的权限设计（权限组件、权限指令）
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管理）
本节摘要
登录 后留言
全部留言(28)
- 最新
- 精选
zero
老师你的实战部分确实对我的启发很大，我之前做的动态权限和路由都是通过接口去弄，通过建立角色，然后邦定权限，然后用户在绑定角色来实现权限和动态路由，感谢老师
作者回复: 有收获就好 😄
2019-04-27
5
away
代码风格可以再优雅点吗
作者回复: 😓
2019-05-22
2
3
bolingboling
老师 你说指令不能实现动态控制权限的效果，我想了下，指令也可以通过设置el.style={hidden: true/false} 来实现动态控制权限啊，我猜v-show说不定就是这么实现的呢，找了会源码没找到v-show指令在哪定义的。
作者回复: 👍 可以这么做，不过我不建议更改样式，首先你更改样式，就要记录原来的display到底是block还是inline再或者flex，而记录下来的这个值如何保存又如何正确的取到，还有这个值动态变化的，又当如何，css通过!important覆盖了又怎么处理，会有一堆的事情
2019-05-13
3
Oliver
老师赶紧更新吧,期待很久了.
作者回复: 坐等小编剪辑
2019-04-28
2
岁月如歌
这个组件使用权限指令不起作用呢，是因为绝对定位的原因吧。
<SettingDrawer v-auth="['admin']" />
如果要一定要使用的话，该怎么做呢，求解。
作者回复: 抽屉是脱离了原来的dom位置，是插入到了body下面，建议使用权限组件，一定要使用的话，给你指定个方向，去指令下看一看生成的dom插入的位置，如何从文档流中将其删除
2019-05-14
2
张娟娟
老师你好，在build编译的时候报这个错，请问应该怎么解决这个文件过大的问题？
asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets:
css/chunk-vendors.f1d51a48.css (259 KiB)
js/chunk-vendors.3ce6235e.js (1.35 MiB)
js/dashboard.d9ac1e10.js (315 KiB)
warning
entrypoint size limit: The following entrypoint(s) combined asset size exceeds t he recommended limit (244 KiB). This can impact web performance.
Entrypoints:
app (1.61 MiB)
css/chunk-vendors.f1d51a48.css
js/chunk-vendors.3ce6235e.js
js/app.d4d1e730.js
作者回复: 后边有一章节讲解打包优化的 这个提醒可忽略 不过这个控制244kb内还是很有挑战的 我是无视了这个警告的 尤其是做中后台系统 这点大小不是事
2019-04-27
Geek_8bb600
为什么不直接一个v-if=check(['admin'])，对比指令和组件插槽有什么优缺点
2021-10-08
1
1
Mr、李
老师，这个和v-if的本质区别是什么
2020-09-23
1
李莹
vue3.0怎么获取全局组件中的插槽内容呢？render（h, context） 没有context这个参数
2022-02-08
小小
Vue.direction is not a function 这个报错怎么解决？
2021-06-08
收起评论