后端生成当前用户相应的路由后由前端（用 Vue Router 提供的API）addRoutes 动态加载路由。 前端写好所有的路由，后端返回当前用户的角色，然后根据事先约定好的每个角色拥有哪些路由对角色的路由进行分配。 第二种，相对于第一种，前端相对会自由一些，但是如果角色权限…

关于Vue组件二次封装的技巧总结 在开发Vue项目我们一般使用第三方UI组件库进行开发，如element-plus, @arco-design/web-Vue, naive-ui等,但是这些组件提供的

React Diff 算法 认识 React Diff 算法 React 是 Fiber 架构的，Fiber 其实是一个链表的结构，但是由于没有设置反向指针，因此没有使用双端比对的方式去优化 Diff

mount(vnode, parent, [refNode]): 通过vnode生成真实的DOM节点。parent为其父级的真实DOM节点，refNode为真实的DOM节点，其父级节点为parent。如果refNode不为空，vnode生成的DOM节点就会插入到refNode之…

Vue 在除了提供默认的十几个内置的指令外，还允许开发人员根据实际情况自定义指令，那我们在何时使用它呢？

基于状态变化的过渡和动画（常用） 内置组件: Vue 提供了两个内置组件，可以帮助你制作基于状态变化的过渡和动画： Transition 进入或者离开的动画 由 v-if 所触发的切换 由 v-sho

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第 4 天，点击查看活动详情 正常的执行顺序 created -> beforeMount -> computed -> mount

环境准备 项目创建 Vite创建 使用Vite创建项目 然后按照提示操作即可！这种方式创建的Vue3项目只默认集成了Vite，像Router、Pinia都需要自己手动集成，如果需要就在Select a

为什么会有nextTick这个东西的存在? 因为 vue 采用的异步更新策略，当监听到数据发生变化的时候不会立即去更新DOM， 而是开启一个任务队列，并缓存在同一事件循环中发生的所有数据变更;