Vue 开发实战
唐金州
一点资讯前端技术专家,Ant Design Vue 作者
60939 人已学习
新⼈⾸单¥59
课程目录
已完结/共 53 讲
Vue 开发实战
登录|注册
留言
39
收藏
沉浸
阅读
分享
手机端
回顶部
当前播放: 37 | 如何使用路由管理用户权限
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管理)
登录 后留言

全部留言(39)

  • 最新
  • 精选
sharpdeep
老师,为什么要把forEach循环换成for...of呢?break直接跳出了整个循环,假设 “基础表单” 设置了权限不可见,此时循环已经break出,后面的 “分步表单” 就不会被处理了

作者回复: 这个是有问题 应该是 continue 这个github已经有人提了pr

2019-05-27
1
大青蛙
你好,vue.config.js中多了些新的配置,在视频中没有说明,感觉这些基础的配置挺重要的,建议将这些配置项能稍微讲解下,谢谢。

作者回复: ? 不会啊 都有说明啊,你是下载的github代码没有切换到对应课程的tag吧 路由权限是 0.0.6 的tag。切换方式:git checkout 0.0.6 后面一次递增 0.0.7 0.0.8 ....

2019-04-25
2
1
李云龙
这个讲的是Vue开发实战,而且是antd和vue结合,所以如果没有antd经验,起码得有vue经验才能看懂。不过我也是只会vue.js的用法,webpack的方式和vuex我是真心,不会。不过因为有vue的经验,因此慢慢看还是看的懂得,每一行我都是对着敲的,敲错了,报错,我会找到问题大概出在哪里,然后回过头去看视频。别急,凡事都要慢慢来,市面上讲antd+vue的不多,希望唐老师有好的其它相关教程,能够推荐一下

作者回复: 如果不是深入源码 本视频➕官方文档➕实践 差不多了

2020-06-11
小霞
为什么我使用git branch -r命令看不到老师所讲的0.0.1、0.0.2、0.0.3.....相关的代码版本呢?看到的是如下信息: origin/HEAD -> origin/master origin/demo/router-view-table origin/dev/2.1.0 origin/feat/cdn_imports origin/feat/i18n origin/feature/blocks origin/geektime origin/master origin/refactor/pro-v3 origin/renovate/configure origin/revert-476-master origin/v4

作者回复: 再试试

2020-05-18
米斯特.杜
我发现控制台总是会报NavigationDuplicated的错误,经查是因为视频使用的view-router和当前(2020-02-23)的版本差异比较大导致。原因在于Vue-router在3.1之后把$router.push()方法改为了Promise。https://github.com/vuejs/vue-router/issues/2881#issuecomment-520554378。 解决办法如下: import Router from 'vue-router' const originalPush = Router.prototype.push Router.prototype.push = function push(location, onResolve, onReject) { if (onResolve || onReject) return originalPush.call(this, location, onResolve, onReject) return originalPush.call(this, location).catch(err => err) }

作者回复: 不建议直接更改原型,可以排查下是否有连续push相同路由

2020-02-23
2
虚竹
老师好,个人思考如下,请教下, 由于且前端代码可能被修改,所以实际生产中,用户的访问权限,应该前后端都要校验的,且前端可能有多个,所以大部分代码放在后台是不是更好些? 实际使用时,通过后台配置用户的菜单、页面内tab、和页面内操作按钮、api接口等权限,用户登录后计算相关权限并返回给前端,前后端都进行校验 所以权限这块能否结合前后端一起讲一下能在生产中使用的方案?或者请老师解答下上述疑惑,感谢

作者回复: 当然前后端都要做校验 前端的校验体现在是否显示,后端校验才是必不可少的

2020-01-15
Geek_dbde22
老师我有个疑问:在获取菜单项时,如果没有权限需要结束当前循环,是不是应该改用continue代替break呢,例子中user权限的人能看到仪表盘看不到表单,那么表单下面如果还有菜单项也都会看不到了

作者回复: 是有这个问题 仓库代码已经有人提交 pr 修复了

2019-12-17
Geek_dbde22
老师,为什么子组件里不能取$router而要通过parent.$router呢?

作者回复: 可以取 这里有个限制是函数式组件不可以

2019-12-17
Geek_6b9b56
真的是不知道在干嘛...不怪有些人生气啊。 我虽然没有前端经验,但是有其他的经验,看着确实云里雾里。 总是感觉不知道业务是什么?就开始讲了。最后写完了,演示的时候才知道,原来是搞这个。
2019-08-01
2
43
Geek
老师 如果后台给我们返回路由信息 应该如何渲染呢
2019-04-25
1
14
收起评论