Vue面试题汇总
文章平均质量分 59
今天你有学习吗
这个作者很懒,什么都没留下…
展开
-
vue3响应式转换常用API
这个 API 实际上是一个语法糖: val = isRef(val)?unRef: 如果参数给的是一个 ref 值,那么就返回内部的值,如果不是 ref,那么就返回参数本身。toRefs:将一个响应式对象转为一个普通对象,普通对象的每一个属性对应的是一个 ref 值。接收一个对象(不论是响应式的还是普通的)或者一个 ref,返回一个原来值的只读代理。toRef:基于响应式对象的某一个属性,将其转换为 ref 值。这个 API 和前面介绍的 unref 比较相似。原创 2024-07-25 21:13:00 · 729 阅读 · 0 评论 -
vue面试题汇总之响应式理解
vue在全局中写了一个用来运行函数的函数,有一个全局变量保存当前运行的是哪个函数,这样在getter的时候只要检查这个全局变量就知道是哪个函数在使用这个变量了,vue还建立了一个对映关系表当setter的时候把对映表中的函数重新运行一遍。vue2使用Object.defineProperty进行数据代理(getter和setter),vue3使用Proxy进行数据代理。会把函数放入异步队列,同一个渲染函数只会存在一个,这样就不会多次渲染造成效率问题。,当需要派发更新的时候不会立即运行函数,而是交给。原创 2024-06-12 17:51:51 · 571 阅读 · 3 评论 -
vue面试题汇总之什么是虚拟dom
如果一个组件受响应式数据变化的影响,需要重新渲染时,它仍然会重新调用render函数,创建出一个新的虚拟dom树,用新树和旧树对比,通过对比,vue会找到最小更新量,然后更新必要的虚拟dom节点,最后,这些更新过的虚拟节点,会去修改它们对应的真实dom。在一个组件实例首次被渲染时,它先生成虚拟dom树,然后根据虚拟dom树创建真实dom,并把真实dom挂载到页面中合适的位置,此时,每个虚拟dom便会对应一个真实的dom。在渲染时,使用虚拟dom来替代真实dom,主要为解决渲染效率的问题。原创 2024-06-12 14:25:48 · 253 阅读 · 0 评论