当前播放: 36 | 如何将菜单和路由结合
00:00 / 00:00
高清
  • 高清
1.0x
  • 2.0x
  • 1.5x
  • 1.25x
  • 1.0x
  • 0.5x
网页全屏
全屏
00:00
付费课程,可试看
课程目录
第一章:基础篇 (17讲)
01 | 课程介绍
免费
02 | Vue简介
免费
03 | 内容综述
免费
04 | 第一个Vue程序
免费
05 | 组件基础及组件注册
免费
06 | Vue组件的核心概念:事件
免费
07 | Vue组件的核心概:插槽
免费
08 | 理解单文件组件
09 | 双向绑定和单向数据流不冲突
10 | 理解虚拟DOM及key属性的作用
11 | 如何触发组件的更新
12 | 合理应用计算属性和侦听器
13 | 生命周期的应用场景和函数式组件
14 | 指令的本质是什么
15 | 常用高级特性provide/inject
16 | 如何优雅地获取跨层级组件实例(拒绝递归)
17 | template和JSX的对比以及它们的本质
第二章:生态篇 (13讲)
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 | 生态篇习题解答(下)
第三章:实战篇 (21讲)
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 | 如何做好组件的单元测试
第四章:福利篇 (2讲)
52 | 如何发布组件到npm
53 | GitHub相关生态应用(持续集成、单测覆盖率、文档发布、issue管理)
36 | 如何将菜单和路由结合

36 | 如何将菜单和路由结合

唐金州
一点资讯前端技术专家,Ant Design Vue 作者
53讲 53课时,约500分钟11465
单独订阅¥129
2人成团¥99
6
登录 后留言

精选留言(50)

  • sx
    就只知道敲 能讲下原理吗? 敲尼玛呢?

    作者回复: 所以你是不懂 if else 还是不懂 for 呢

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

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

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

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

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

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

    2019-04-25
    7
  • 遇見
    老师,这一节听的云里雾里的。
    2019-06-19
    1
    6
  • Hour
    老师,demo里为什么要用template套template呢?第二个template不能用子组件来实现吗?或者用div 呢?
    2019-04-26
    4
  • ‭00
    老师这个没有Demo吗?视频看完了,想再看代码消化一下

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

    2019-04-25
    4
  • 老师,左侧两个菜单引用同一个form,第一个form填写了内容,此时跳转第二个菜单,这时form表单内容依旧存在,我想刷新页面怎么做?
    2019-05-24
    3
  • 薛定谔的熊猫
    本套视频建议自己先去学习vue。然后做项目,然后再来看老师的这套视频,这样vue水平会更进一步
    2019-10-10
    2
  • 心向明月
    老师你好,路由和菜单结合官网有对应的api吗,怎么没有找到
    2019-06-21
    2
  • Geek_97af74
    老师的代码写的太熟了,所有都是设计好的,跟着看下来这节就比较难。主要是在不熟悉组件库api,特别是selectedKeys和openKeys。而且方法的参数都是设计好,直接就加上去了。

    跟着写了一遍,然后第二遍自己写的时候,因为不想照着您的抄,于是按自己的思路写,首先完成selectedKeysMap,感觉好像不需要用到parentKys和selectedKey这两个参数。但是当写到openKeysMap时才发现parentKys这个参数必须用到,于是加上。
    再写完之后控制台打出来一看,发现selectedKeysMap不对,于是再加上selectedKey这个参数,这个时候才完成了两个map对象。
    我觉得这才是一个完整的写代码过程,而不是像老师一样直接就全部写出来了。也可能是我太菜了,而老师一开始就想到了这些情况,所以一下就设计好了参数。

    所以我想说的是,看这节课老师写的代码感觉不到老师的思路,而是直接就给出了方案,虽然有一些解释,但是我太菜了只有在根据自己的思路结合老师的一些代码再写一遍之后才感觉懂了七八。
    2020-01-31
    1
  • Geek_dbde22
    有一年vue开发经验,但是很多场景其实没有单独写过。听老师讲课简直如痴如醉,狂赞!有些课程反复听了很多遍,不管是基础入门还是实例篇都获益匪浅,老师一定是花了很多时间斟酌课程每个细节了!

    作者回复: 感谢支持

    2019-12-17
    1
  • 洋仔
    路由菜单的遍历可否在详细说明下,有点看不懂~~
    2019-12-03
    1
  • Geek_83f232
    看完基本放弃ant了。。。

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

    2019-10-30
    1
  • Geek_6b9b56
    最新感悟,为啥这节课看不懂,因为对于这个组件怎么用不熟,为啥是key,为啥sub,我现在懂一点点了。应该先介绍下组件怎么用,讲解vue.ant.design里面的原始代码就行。
    2019-08-05
    1
  • Geek_6b9b56
    举个例子,18:06分
    “首先我们菜单选中的key和打开的key,都会和路由的值强相关的”,为啥突然来了这个结论啊。。
    "不能用defalutSelectedkey了",这个又是啥

    根据前文,我并不等知道为啥就这样了。。。。

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

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

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

    2019-07-23
    1
  • fatty Jack
    老师请教下在递归组织menu的时候有一句
    delete newItem.children
    当我注释掉这句界面报 Error in render: "TypeError: Cannot read property 'title' of undefined"
    我查看了组织好的memu每一个都有title
    为什么会这样 谢谢
    2019-05-23
    2
    1
  • 老师,假设左侧菜单A,A对应列表页,列表页跳转新增页后保持菜单A高亮怎么实现呢?
    2019-05-23
    1
  • 云淡风清
    为什么我的一级的菜单的meta icon可以显示出来 但title显示不出来,我console.log(menuData)里面有数据
    2019-05-16
    1
收起评论
看过的人还看
MySQL实战45讲

林晓斌  网名丁奇,前阿里资深技术专家

48讲 | 46838 人已学习

拼团 ¥79 原价 ¥99
重学前端

程劭非(winter)  前手机淘宝前端负责人

58讲 | 33720 人已学习

¥99
玩转webpack

程柳锋  腾讯高级工程师,IVWEB团队社区和工程化负责人

84讲 | 5845 人已学习

拼团 ¥79 原价 ¥99
Node.js开发实战

杨浩  腾讯高级工程师

57讲 | 4361 人已学习

拼团 ¥99 原价 ¥129