500浏览

0评论

React 与 Vue 的 diff 算法有何不同

diff 算法是指生成更新补丁的方式，主要应用于虚拟 DOM 树变化后， 更新真实 DOM。所以 diff 算法一定存在这样一个过程：触发更新 → 生成补丁 → 应用补丁。React 的 diff 算法，触发更新的时机主要在 state 变...

• 空空 / react / 2023-01-06

503浏览

0评论

Vue 中 key 的作用

vue 中 key 值的作用可以分为两种情况来考虑：第一种情况是 v-if 中使用 key。由于 Vue 会尽可能高效地渲染元 素，通常会复用已有元素而不是从头开始渲染。因此当使用 v-if 来 实现元素切换的时候，如果切换前后含有相同类型...

• 空空 / vue / 2022-12-23

438浏览

0评论

DIFF 算法的原理

在新老虚拟 DOM 对比时：首先，对比节点本身，判断是否为同一节点，如果不为相同节点，则 删除该节点重新创建节点进行替换如果为相同节点，进行 patchVnode，判断如何对该节点的子节点进 行处理，先判断一方有子节点一方没有子...

• 空空 / vue / 2022-12-23

508浏览

0评论

虚拟 DOM 的解析过程

虚拟 DOM 的解析过程：首先对将要插入到文档中的 DOM 树结构进行分析，使用 js 对象将 其表示出来，比如一个元素对象，包含 TagName、props 和 Children这些属性。然后将这个 js 对象树给保存下来，最...

• 空空 / vue / 2022-12-23

498浏览

0评论

Vue3.0 为什么要用 proxy？

在 Vue2 中， 0bject.defineProperty 会改变原始数据，而 Proxy 是创建对象的虚拟表示，并提供 set 、get 和 deleteProperty 等 处理器，这些处理器可在访问或修改原始对象上的属性时进行拦截...

• 空空 / vue / 2022-12-22

520浏览

0评论

defineProperty 和 proxy 的区别

Vue 在 实 例 初 始 化 时 遍 历 data 中 的 所 有 属 性 ， 并 使 用 Object.defineProperty 把这些属性全部转为 getter/setter。这样 当追踪数据发生变化时，setter 会被自动调用...

• 空空 / vue / 2022-12-22

496浏览

0评论

Vue3.0 有什么更新

（1）监测机制的改变3.0 将带来基于代理 Proxy 的 observer 实现，提供全语言覆盖的 反应性跟踪。消除了 Vue 2 当中基于 Object.defineProperty 的实现所存在的 很多限制：（2）只能监测属性，不能监...

• 空空 / vue / 2022-12-22

577浏览

0评论

为什么 Vuex 的 mutation 中不能做异步操作

Vuex 中所有的状态更新的唯一途径都是 mutation，异步操作通过 Action 来提交 mutation 实现，这样可以方便地跟踪每一个状态的 变化，从而能够实现一些工具帮助更好地了解我们的应用。每个 mutation 执行完成后都...

• 空空 / vue / 2022-12-22

465浏览

0评论

Vuex 和单纯的全局对象有什么区别

Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的 时候，若 store 中的状态发生变化，那么相应的组件也会相应地得 到高效更新。不能直接改变 store 中的状态。改变 store 中的状态的唯一途...

• 空空 / vue / 2022-12-22

546浏览

0评论

Vuex 有哪几种属性？

有五种分别是 State、 Getter、Mutation 、Action、 Module...

• 空空 / vue / 2022-12-21