Jude's blog

标签 · vue

首页

关于

归档

vue

108、web components和vue+web components

Web Components 提供了基于原生支持的、对视图层的封装能力,可以让单个组件相关的 javaScript、css、html 模板运行在以 html 标签为界限的局部环境中,不会影响到全局,组件间也不会相互影响 。 再简单来说:就是提供了我们自定义标签的能力,并且提供了标签内完整的生命周期 。

更多
vue

65、响应式原理

1、什么是响应式? 数据变化可以被检测对这种变化做出响应的机制 2、Vue为什么需要响应式? MVVM框架需要解决的核心问题技术就是连接数据层和视图层,通过数据驱动应用,数据变化,试图更新,要做到这点就需要对数据做响应式处理,这样一旦数据发生变化就可以立即做出更新处理。 3、响应式的好处? 通过数据响应式加上虚拟DOM和patch算法,开发人员只需要操作数据,关心业务,完全不用接触繁琐的DOM操作,大大提升开发效率,降低开发难度。 4、如何实现Vue的响应式?优缺点? Vue2肿的数据响应式会根据数据类型来做不同处理,如果是对象采用Object.defineProperty()的方式定义数据拦截,当数据被访问或发生变化时,我们感知并做出响应;如果是数组则通过覆盖数组对象原型的7个变更方法,使这些方法可以..

更多
vue

62、权限管理

权限管理一般需求是页面权限和按钮权限的管理 具体实现的时候分后端和前端两种方案:前端方案会把所有路由信息在前端配置,通过路由守卫要求用户登录,用户登录后根据角色过滤出路由表。比如我会配置一个 asyncRoutes‘数组,需要认证的页面在其路由的‘meta’中添加一个 roles*字段,等获取用户角色之后取两者的交集,若结果不为空则说明可以访问。此过滤过程结束,剩下的路由就是该用户能访问的页面,最后通过‘router.addRoutes(accessRoutes)°方式动态添加路由即可。后端方案会把所有页面路由信息存在数据库中,用户登录的时候根据其角色查询得到其能访问的所有页面路由信息返回给前端,前端再通过 addRoutes‘动态添加路由信息按钮权限的控制通常会实现一个指令,例如V-permissin’..

更多
1234