七公子77的技术博客

场景ReactVue大型复杂应用✅ 灵活性强，生态丰富✅ 适合快速迭代，但需规范代码中小型项目⚠️ 可能过度设计✅ 开发效率高，学习成本低跨平台开发✅ React Native 成熟⚠️ 依赖第三方方案（如 UniApp）团队技术栈✅ 适合有 FP 经验的团队✅ 适合传统前端或新手团队选择 React：追求极致灵活性、函数式编程范式，或需要构建跨平台应用（React Native）。选择 Vue：快速开发、低学习成本，或偏好声明式模板和响应式编程。

Reflect。

是一个轻量级的 JavaScript 对象，它是对真实 DOM 的抽象表示。在 Vue 中，组件模板会被编译成，通过 Diff 算法对比新旧虚拟 DOM，计算出最小化的 DOM 操作，最终批量更新真实 DOM。

Vue Router 路由模式及示例详解

Vue 中 watch 和 computed 深度对比及使用场景分析

通过对比新旧虚拟 DOM 树，找出最小化 DOM 操作的更新方式。：同级比较（不跨层级）、双端对比、key 复用节点。

【代码】Vue组件通信方式全面总结。

ref和reactive是Vue3中用来实现数据响应式的API一般情况下，定义基本数据类型，定义引用数据类型ref本质上是reactive的再封装reactive定义引用数据类型（以对象和数组举例），它能够将复杂数据类型的内部属性或者数据项声明为响应式数据，所以reactive的响应式是深层次的，其底层是通过ES6的来实现数据响应式，相对于Vue2的，具有能监听增删操作，能监听对象属性的变化等优点使用reactive定义对象数据类型举例

通过对比，Vue3 在性能、开发体验和扩展性上均有显著提升，是现代化的前端框架选择。