前端框架

Vue 和 React 的区别

1. 框架的定位不同：Vue 是一个渐进式的框架，可以构建应用的一部分，也可以构建整个应用；React 只能构建整个应用
2. 设计理念不同：Vue 采用了 HTML 模板语法（使用模板和指令），通过 SFC 在逻辑和视图上是分离的；React 使用 JSX 编写组件，逻辑和视图高度耦合
3. 数据绑定不同：Vue 有一套响应式系统，使用双向数据绑定，React 使用单向数据流（setState）
4. 学习难度不同：Vue 基于模板语法和双向数据绑定、中文文档，比 React JSX、单向数据流来说学习难度更低；

Vue3 的优化

1. 使用 Proxy 取代 Object.defineProperty，使响应式系统更加高效，解决了 Vue2 的一些限制（不能监听数组索引、新增属性等）
2. 引入了组合式 API，通过 setup 函数，提供更好的逻辑复用方式，使代码更清晰易维护
3. 更好的 TS 支持，Vue3 是用 TS 编写的
4. 更灵活的响应式 API（ref、reactive），可以更高效地处理响应式逻辑
5. 对虚拟 DOM 进行了优化，通过编译时优化，减少了运行时的开销