露西西⭐的博客

vue中 key 值的作用，$route和$router的区别，路由的两种模式，v-if和v-show的区别，vue.extend和vue.component

Sass通过引入变量、嵌套规则、混入（Mixins）、继承等特性，允许开发者编写更简洁、更有组织的CSS代码。这些特性有助于减少代码重复，提高开发效率，并使得样式表更加易于维护。Sass最终会编译成合法的CSS代码，供浏览器使用。

核心流程：用户登录 → 获取权限 → 动态生成路由 → 控制 UI 元素。安全原则：前端控制用户体验，后端兜底校验。优化方向：减少请求次数、按需加载权限、Token 短期有效。通过 RBAC 模型，可以实现灵活的权限管理，适用于复杂的企业级应用。实际开发中需结合具体业务场景调整方案。项目中，尤其是管理后台必不可少的一个环节就是权限设计。通常一个系统下的不同用户会对应不同的角色，不同角色会对应不同的组织。

作用：在数组末尾添加一个或多个元素。是否修改原数组：是。1.2 作用：删除数组的最后一个元素。是否修改原数组：是。1.3 作用：在数组开头添加一个或多个元素。是否修改原数组：是。1.4 作用：删除数组的第一个元素。是否修改原数组：是。2. 数组操作2.1 作用：合并两个或多个数组。是否修改原数组：否。作用：从数组中提取一部分。是否修改原数组：否。作用：添加或删除数组中的元素。是否修改原数组：是。作用：将数组中的一部分复

支持时，61行中将原数组原型修改为加工好的新数组原型，arrayMethods就是已经将数组方法重写好了的数组原型；当数据为数组时，修改数组的原型为新数组原型（newsArrayProto）,而newsArrayProto是在原来的基础上对数组方法进行了加工重写（看代码中的16-21行）。可以看到，在画红线的地方进行判断是否为数组类型（多余的代码不必纠结，感兴趣的小伙伴可以自己去推敲）。方法劫持，这样是很浪费性能的。在71行，调用方法，还会继续遍历递归数组中的每一项数据，判断是否有数据为对象或数组类型。

当定义了一个obj数据，首先将数据传入reactive方法中，在方法中使用Proxy对数据进行劫持，添加getset方法。当数据中的属性每调用时，会执行get方法，从原数据中找到对应的值，判断该值是否为object类型，如果是，再次用Proxy对该值进行数据劫持；如果不是，则返回值。在defineReactive中，递归遍历值，直到数据为基本数据类型。这种方法，实现了对数据的懒代理，如果我没有去取对象中的数据（结合案例，指obj.n中的值），那么该对象就不会被代理（结合案例，指obj.n）。