1.为什么react要

React 引入 Fiber 架构的主要原因是为了实现更好的异步渲染和更高效的任务调度。Fiber 架构使得 React 能够更细粒度地控制和中断渲染过程，以便更好地响应用户交互、实现懒加载等功能。Vue 在设计上采用了不同的策略，因此并不需要类似于 Fiber 的架构。

以下是一些原因解释为什么 React 选择了 Fiber 架构，而 Vue 没有类似的架构：

1. 异步渲染和任务优先级：React 的 Fiber 架构使得实现异步渲染和任务优先级变得更加容易。这对于复杂的用户界面和大规模应用中的性能优化非常重要。React 可以通过中断和恢复渲染过程，根据任务的优先级调度渲染工作，从而更好地响应用户输入和满足实时性要求。
2. 更好的中断和恢复机制：Fiber 架构提供了一种更灵活的中断恢复机制，允许 React 在渲染过程中暂停、中断，然后根据优先级恢复。这使得 React 能够更好地处理复杂的渲染逻辑，并在需要时放弃低优先级的工作。
3. 增量更新：Fiber 允许 React 实现增量更新，即只更新变化的部分而不必重新渲染整个组件树。这对于提高渲染性能和减少不必要的工作非常有帮助。

Vue 在设计上采用了一种不同的响应式系统和渲染机制，不需要像 React 那样进行复杂的中断和任务调度。Vue 的设计目标可能更注重简洁性和开发体验，而 React 的目标之一是提供更灵活和强大的性能优化工具。每个框架在设计上都有权衡和取舍，选择适合其目标和使用场景的策略。

2.vue的区别

Vue 不是完全没有任务调度、不能中断更新，只是底层实现思路和 React Fiber 完全不同： React 是全树递归调和（无响应式），必须靠 Fiber 链表拆分渲染单元实现可中断； Vue 靠响应式依赖追踪精准锁定更新范围，天然缩小更新粒度，所以不需要一套和 Fiber 对等的链表调度架构。

3、Vue2 / Vue3 各自的更新调度体系

1. Vue2 核心：响应式 Dep + Watcher + 异步队列调度器 nextTick

核心模块

1. 响应式 Dep 收集依赖 Object.defineProperty 劫持属性，组件渲染时访问数据自动收集当前组件 Watcher；数据修改时，仅通知依赖当前数据的组件 Watcher，不会整棵组件树遍历。
2. Watcher（组件更新单元） 每个组件对应一个渲染 Watcher，数据变动只触发对应组件，更新粒度天然精细。
3. 异步更新队列 scheduler（Vue2 调度核心）
   • 数据变更不会立刻渲染，先把 Watcher 推入异步队列；
   • 去重、排序后，统一在 nextTick 微任务批量执行更新；
   • 队列是同步收集、异步执行，不支持渲染中途中断、抢占，整段组件更新一旦开始必须跑完。

Vue2 更新流程

修改 data → 触发 set → dep.notify () → 对应组件 Watcher 入队 → 微任务统一批量执行所有 Watcher 渲染 DOM。

2. Vue3 升级：响应式 Proxy + effect + scheduler + 可中断调度（时间切片）

Vue3 做了性能升级，新增了和 Fiber 相似的可中断渲染能力，但底层模型完全不一样：

1）响应式底层：Proxy + ReactiveEffect

粒度比 Vue2 更细，不再是组件级 Watcher，而是DOM 节点 / 副作用级 effect，精准定位哪块 DOM 需要更新。

2）调度系统 scheduler（Vue3 调度核心）

• 区分任务优先级：用户交互 > 普通渲染 > 低优先级后台更新；
• 支持时间切片、中断恢复（renderTriggered 分段渲染大列表）；
• 暴露 queueJob/queuePostFlushCb 管理异步队列。

3）虚拟 DOM 调和器：block 树（PatchFlags 静态提升）

Vue3 重写 vdom，引入 Block 树，编译阶段通过 PatchFlags 标记动态节点： 渲染时只遍历动态节点，跳过大量静态 DOM，极大减少 diff 开销； React Fiber 是运行时链表拆分，Vue3 是编译时提前标记动态内容，优化思路不同。

4）大列表可中断渲染：suspense + 分段渲染

Vue3 3.2+ 支持 onRenderTracked 配合调度器实现时间切片，和 React Concurrent Mode 效果对齐，但没有 Fiber 链表数据结构：

• React：用 Fiber 链表把整个组件树拆成一个个可暂停的工作单元；
• Vue3：靠编译优化缩小 diff 范围，调度器仅对长列表 / 大量动态节点做分段中断，不需要把整棵树拆成链表。

4.React Fiber vs Vue 调度 核心区别

5、总结：Vue 用的是什么

1. Vue2 底层依靠 Object.defineProperty 响应式 Dep-Watcher 机制 + 异步 scheduler 更新队列。 依靠响应式精准收集依赖，只更新用到变化数据的组件，再通过 nextTick 批量执行更新； 没有链表式 Fiber 架构，组件更新一旦启动无法中途暂停。

2. Vue3 底层是 Proxy 响应式 ReactiveEffect + Block 虚拟 DOM 树 + 增强版 scheduler 调度器：

• 编译阶段静态提升、PatchFlags 标记动态节点，大幅减少 diff 计算；
• 调度器支持任务优先级、时间切片，大页面渲染可中断；
• 依然没有 Fiber 那种全局链表工作单元模型，靠编译 + 细粒度响应式替代 Fiber 的核心价值。

一句话区分核心根源 React 没有编译期优化、无响应式，更新要递归整棵组件树，所以必须用 Fiber 链表拆分渲染实现中断调度； Vue 靠编译优化 + 响应式依赖追踪从根源缩小更新范围，天然不需要全局 Fiber 链表，Vue3 仅补充了轻量分段调度做性能兜底。