08 2022 档案
摘要：你了解Diff算法吗？ 思路 1.diff算法是干什么的 2.它的必要性 3.它何时执行 4.具体执行方式 5.拔高：说一下vue3中的优化 回答范例 1.概念：Vue中的diff算法称为patching算法，它由Snabbdom修改而来，虚拟DOM要想转化为真实DOM就需要通过patch方法转换；
阅读全文
摘要：你了解虚拟DOM吗？ 分析 现有框架几乎都引入了虚拟DOM来对真实DOM进行抽象，也就是现在大家所熟知的VNode和VDOM，那么为什么需要引入虚拟DOM呢？围绕这个疑问来解答即可！ 思路 1.vdom是什么？ 2.引入vdom的好处是什么？ 3.vdom如何生成，又如何成为真实dom？ 4.在后续
阅读全文
摘要：说一说对Vue数据响应式的理解 答题思路： 1.啥是响应式？ 2.为什么vue需要响应式？ 3.它能给我们带来什么好处？ 4.vue的响应式是怎么实现的？有哪些优缺点？ 5.vue3中的响应式的新变化 回答范例： 1.所谓数据响应式就是能够使数据变化可以被检测并对这种变化做出响应的机制； 2.MVV
阅读全文
摘要：Vue如何做权限管理？控制到按钮级别的权限怎么做？ 权限管理一般需求是两个：页面权限和按钮权限 下面从前端方案和后端方案分开阐述： 前端方案会把所有路由信息在前端配置，通过路由守卫要求用户登录，用户登录后根据角色过滤出路由表。比如我会配置一个asyncRoutes数组，需要认证的页面在其路由的 me
阅读全文
摘要：Vue子组件是否可以修改父组件的数据？ 可以修改但不推荐：首先，文档中指出组件开发需要遵循单向数据流原则：即所有的 props 都遵循着单向绑定的原则，props 因父组件的更新而变化，避免了子组件意外修改父组件的状态的情况，不然应用的数据流将很容易变得混乱而难以理解。如果直接修改子组件props，
阅读全文
摘要：Vue中如何扩展一个组件 按照逻辑扩展和内容扩展来列举 逻辑扩展的方法：mixins、extends、composition api 内容扩展的方法：slots 使用方法、使用场景和问题 混入：mixins是分发Vue组件中可复用功能的非常灵活的方式，混入对象可以包含任意组件的选项对象。但在使用中，
阅读全文
摘要：###双向数据绑定使用和原理 定义：vue中双向绑定就是指v-model指令，可以绑定一个响应式数据到视图，同时视图中变化能同步改变该值。 v-model是语法糖，作用在表单项和自定义组件上，表示某个值的输入和输出控制；使用v-model可以减少大量繁琐的事件处理代码，达到提高开发效率的目的。 作用
阅读全文
摘要：生命周期相关 定义：每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤，比如设置好数据侦听，编译模板，挂载实例到 DOM，以及在数据改变时更新 DOM。在此过程中，它也会运行被称为生命周期钩子的函数，让开发者有机会在特定阶段运行自己的代码。 Vue生命周期总共分为8个阶段：创建前后、挂载前后
阅读全文
摘要：v-if与v-for优先级问题 官方不推荐两者同时使用； vue2中v-for优先级高于v-if： 可以借助这种优先级机制渲染部分列表项，但这样v-if将分别重复运行于每个v-for循环中，造成一定程度的性能和资源浪费，建议使用一个返回过滤后列表的computed取而代之： <!-- 不建议使用 -
阅读全文
摘要：父子组件： props（父传子） $emit/$on（子传父） $on已被Vue3废弃 $parent/$children $children已被Vue3废弃 ref 隔代组件： 透传：$attrs/$listeners $listners已被Vue3废弃 Vuex provide+inject组合
阅读全文
摘要：//1.生成配置文件tsconfig.json tsc --init //2.修改tsconfig.json配置 "outDir":"./js", "strict":false, //3.启动监视任务 终端-->运行任务-->监视tsconfig.json
阅读全文
