Vue 开发实战
唐金州
一点资讯前端技术专家,Ant Design Vue 作者
60939 人已学习
新⼈⾸单¥59
课程目录
已完结/共 53 讲
Vue 开发实战
登录|注册
留言
96
收藏
沉浸
阅读
分享
手机端
回顶部
当前播放: 36 | 如何将菜单和路由结合
00:00 / 00:00
高清
  • 高清
1.0x
  • 2.0x
  • 1.5x
  • 1.25x
  • 1.0x
  • 0.75x
  • 0.5x
网页全屏
全屏
00:00
付费课程,可试看
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管理)
登录 后留言

全部留言(96)

  • 最新
  • 精选
自山
老师后边讲课的时候能不能不要显示你的大头像了,视频只显示操作界面就可以了,不然上班都不敢偷偷看,

作者回复: O__O "… 我也想 不过这个有点难操作 @极客时间 来一个无头像模式? 😄

2019-04-25
3
22
db
老师,能否多说明一下整体设计思路?感觉像是拿着一个设计好的方案往里填代码,语法能看懂,思路云里雾里

作者回复: 推荐几篇文章: https://zhuanlan.zhihu.com/p/32771546 https://zhuanlan.zhihu.com/p/43593326 另外,的确是设计好的方案来填代码,设计思路也比较简单,就是设计一个满足基本需求的中后台模板,注意我说的是基本需求,稍微复杂一些的需求,你都要二次开发很多东西。 本节最主要的知识点可以归结到一点:数据驱动,即菜单的打开和展示都是通过路由数据来驱动

2019-04-25
14
geek_虎口脱险
老师 真的希望您可以讲讲打包后的优化 首次加载慢到哭

作者回复: 后面会有打包优化的课

2019-04-24
12
‭00
老师这个没有Demo吗?视频看完了,想再看代码消化一下

作者回复: https://github.com/vueComponent/ant-design-vue-pro 切换到对应的 tag 从实战第一节 0.0.1 依次递增 切换方式:git checkout 0.0.1

2019-04-25
9
Geek_dbde22
有一年vue开发经验,但是很多场景其实没有单独写过。听老师讲课简直如痴如醉,狂赞!有些课程反复听了很多遍,不管是基础入门还是实例篇都获益匪浅,老师一定是花了很多时间斟酌课程每个细节了!

作者回复: 感谢支持

2019-12-17
2
4
Geek_83f232
看完基本放弃ant了。。。

作者回复: 这里和ant没有啥大的关系吧

2019-10-30
2
3
小段
为什么 data哪里要这样写? this.selectedKeysMap = {}, this.openKeyssMap = {}

作者回复: 这么写这两数据就不是响应式了

2020-05-23
2
何政
delete newItem.children是啥意思呢

作者回复: 引用类型 避免改变原数据

2020-03-16
2
1
Geek_6b9b56
举个例子,18:06分 “首先我们菜单选中的key和打开的key,都会和路由的值强相关的”,为啥突然来了这个结论啊。。 "不能用defalutSelectedkey了",这个又是啥 根据前文,我并不等知道为啥就这样了。。。。

作者回复: defaultXXX 的值只在组件第一次实例化的时候生效,后续动态的改变该值不会有任何响应,因为菜单的选中状态和路由有关联,并且路由随时会变化,所以……

2019-08-02
2
1
OperaX
递归写的太熟了,看完都没明白这些参数是干嘛的。够我看一段时间的了...

作者回复: 其实不用花费太多时间在这里 路由和菜单很多情况下并不是强关联的 即使是 也可以分开写 可读性反而更好

2019-07-23
1
收起评论