美文网首页
第三章 项目实践3 更精细的权限设置(权限组件,权限指令)

第三章 项目实践3 更精细的权限设置(权限组件,权限指令)

作者: DOGirl | 来源:发表于2019-08-24 15:13 被阅读0次

函数式组件能够提高渲染性能 ---40讲
函数式组件中没有this,如何把check在template中使用呢?
直接使用render(render是什么?),不使用template,从context中取出props,scopeSlots,不用区分是作用域插槽还是?


image.png

其实这个函数式编程,没有看太懂
在main.js中全局引入函数式编程的组件,注册全局组件,方便使用
这个不能使用use注册,因为使用use注册的组件都做了处理


image.png
image.png

使用指令写权限


image.png


image.png
image.png

使用vue.use的方式注册指令,属于插件式注册指令
但是指令式的权限有个弊端,不能动态改变,一旦removeChild后,后期就不能更改了,使用函数式组件就更灵活,可以动态改变

总结:1,使用render函数,编写函数式组件;2,注册全局组件 3,自定义指令,4,使用插件式注册自定义指令

相关文章

网友评论

      本文标题:第三章 项目实践3 更精细的权限设置(权限组件,权限指令)

      本文链接:https://www.haomeiwen.com/subject/vogfectx.html