下载APP
登录
关闭
讲堂
算法训练营
Python 进阶训练营
企业服务
极客商城
客户端下载
兑换中心
渠道合作
推荐作者
当前播放: 38 | 更加精细化的权限设计(权限组件、权限指令)
00:00 / 00:00
标清
  • 标清
1.0x
  • 2.0x
  • 1.5x
  • 1.25x
  • 1.0x
  • 0.5x
网页全屏
全屏
00:00
付费课程,可试看

Vue开发实战

共53讲 · 53课时,约500分钟
10593
免费
01 | 课程介绍
免费
02 | Vue简介
免费
03 | 内容综述
免费
04 | 第一个Vue程序
免费
05 | 组件基础及组件注册
免费
06 | Vue组件的核心概念:事件
免费
07 | Vue组件的核心概:插槽
08 | 理解单文件组件
09 | 双向绑定和单向数据流不冲...
10 | 理解虚拟DOM及key属性的...
11 | 如何触发组件的更新
12 | 合理应用计算属性和侦听器
13 | 生命周期的应用场景和函数...
14 | 指令的本质是什么
15 | 常用高级特性provide/inj...
16 | 如何优雅地获取跨层级组件...
17 | template和JSX的对比以及...
18 | 为什么需要Vuex
19 | 如何在Vue中使用Vuex
20 | Vuex核心概念及底层原理
21 | Vuex最佳实践
22 | Vue Router的使用场景
23 | 选择何种模式的路由及底层...
24 | Nuxt解决了哪些问题?
25 | Nuxt核心原理是什么?
26 | UI组件库对比:Element U...
27 | 提升开发效率和体验的常用...
28 | 单元测试的重要性及其使用
29 | 生态篇习题解答(上)
30 | 生态篇习题解答(下)
31 | Ant Design Pro介绍
32 | 使用Vue CLI 3快速创建...
33 | 如何自定义Webpack和Babel...
34 | 如何设计一个高扩展性的路...
35 | 实现一个可动态改变的页面...
36 | 如何将菜单和路由结合
37 | 如何使用路由管理用户权限
38 | 更加精细化的权限设计(权...
39 | 如何在组件中使用ECharts...
40 | 如何高效地使用Mock数据进...
41 | 如何与服务端进行交互(Ax...
42 | 创建一个普通表单
43 | 初始数据、自动校验、动态...
44 | 创建一个分步表单
45 | 自己封装一个支持自动校验...
46 | 如何管理系统中使用的图标
47 | 如何定制主题及动态切换主...
48 | 如何做好国际化
49 | 如何高效地构建打包发布
50 | 如何构建可交互的组件文档
51 | 如何做好组件的单元测试
52 | 如何发布组件到npm
53 | GitHub相关生态应用(持续...

精选留言(14)

  • 2019-04-28
    老师赶紧更新吧,期待很久了.

    作者回复: 坐等小编剪辑

    2
  • 2019-04-27
    老师你的实战部分确实对我的启发很大,我之前做的动态权限和路由都是通过接口去弄,通过建立角色,然后邦定权限,然后用户在绑定角色来实现权限和动态路由,感谢老师

    作者回复: 有收获就好 😄

    2
  • 2019-05-13
    老师 你说指令不能实现动态控制权限的效果,我想了下,指令也可以通过设置el.style={hidden: true/false} 来实现动态控制权限啊,我猜v-show说不定就是这么实现的呢,找了会源码没找到v-show指令在哪定义的。

    作者回复: 👍 可以这么做,不过我不建议更改样式,首先你更改样式,就要记录原来的display到底是block还是inline再或者flex,而记录下来的这个值如何保存又如何正确的取到,还有这个值动态变化的,又当如何,css通过!important覆盖了又怎么处理,会有一堆的事情

    1
  • 老师,请问函数式组件只能嵌套组件对吗?它能不能嵌套dom元素? 还有权限指令只能放在组件内吗?可以放在标签里面吗?
    1
  • 2019-09-12
    老师,没有很看懂为什么socpedslot.default这样写,这个返回的是什么
  • 2019-07-09
    请教下老师:现在有一个需求,权限控制到按钮级别,而且一个角色的权限可变动,这种情况下,有没有好的方案
    1
  • 2019-06-18
    权限控制终于不用再接口了之后动态修改router了,谢谢老师
  • 2019-05-24
    老师请问个问题,自定义指令好几个钩子函数
    bind: function () {},
      inserted: function () {},
      update: function () {},
      componentUpdated: function () {},
      unbind: function () {}
    网速慢你说只能在insert时候处理呢?
    展开
  • 2019-05-22
    代码风格可以再优雅点吗

    作者回复: 😓

  • 2019-05-16
    这个权限如何和后端进行对接么,后端需要返回什么样的数据格式?然后前端又是怎么获取渲染的? 目前你这个用户名是直接手写固定上去的,如果是不同角色有不同的操作能力,这个我有点懵,老师能给解答解答么?谢谢
  • 2019-05-14
    这个组件使用权限指令不起作用呢,是因为绝对定位的原因吧。
    <SettingDrawer v-auth="['admin']" />
    如果要一定要使用的话,该怎么做呢,求解。

    作者回复: 抽屉是脱离了原来的dom位置,是插入到了body下面,建议使用权限组件,一定要使用的话,给你指定个方向,去指令下看一看生成的dom插入的位置,如何从文档流中将其删除

  • 2019-05-08
    chrome的console里经常弹出
    GET http://172.16.15.6:8080/sockjs-node/info?t=1557279074847 net::ERR_CONNECTION_REFUSED
    是什么意思?虽然不影响页面功能,但是比较好奇……
  • 2019-04-30
    正好要开发一个网站,很受用
  • 2019-04-27
    老师你好,在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内还是很有挑战的 我是无视了这个警告的 尤其是做中后台系统 这点大小不是事