组件机制
2020-09-15 10:05:50 0 举报
AI智能生成
登录查看完整内容
vue
作者其他创作
大纲/内容
组件化
src\\core\\global-api\\index.jsinitAssetRegisters()组件声明函数
src\\core\\global-api\\assets.jsinitAssetRegisters()组件注册 并添加components
组件vnode创建src\\core\\vdom\\create-element.js
判断 string
判断是否是原生标签config.isReservedTag(tag)是 返回vnode
如果是 自定义组件执行createComponent()
src\\core\\vdom\\create-component.js创建自定义组件 挂载 安装组件钩子,准备着
src\\core\\vdom\\patch.jscreateElm()将vdom转化为dom
判断是否是自定义组件是 return
原始标签 递归直接创建会走到createElement()这个方法
其他 返回VNode
first blood
权限控制
路由权限路由分为两种:constantRoutes 和 asyncRoutes
路由守卫/src/permission.js全局判断是否登录,没登录跳转到登录页面,登录则跳转到有权限的路由页面
请求登录components/Login.vue获取到用户信息,然后根据⻆⾊过滤asyncRoutes,并将结果动态添加⾄router
维护路由信息,实现动态路由⽣成逻辑store/permission.js
filterAsyncRoutes()递归过滤AsyncRoutes路由表
根据路由meta.role确定是否当前用户拥有访问权限hasPermission()
获取⽤户⻆⾊,判断⽤户是否拥有访问权限/src/permission.js
按钮权限
自定义权限按钮指令src/directives/permission.js
no can no bb
0 条评论
回复 删除
下一页