为什么要使用框架？
前端框架的诞生是为了简化前端开发，提升代码的可维护性与运行性能。在现代的前端开发中，程序需要频繁地根据用户的操作更新视图，这要求开发人员管理数据状态与页面显示的同步性。然而，如果直接操作 DOM，会使代码变得冗长且复杂，维护困难，且易于出错。此外，频繁的 DOM 操作还会带来较高的渲染开销，影响页面性能。
前端框架通过抽象出状态管理和 DOM 操作，帮助开发者专注于业务逻辑，而不必频繁手动操作 DOM。它们能自动处理数据状态与 UI 的同步，减少手工更新视图的负担，并且提供高效的渲染机制，使页面性能更佳。这些优点让前端框架在现代开发中成为不可或缺的工具。
React与vue的区别？
0. API
Vue API 多，React API 少。
1. 代码结构
Vue 使用 template 模板语法将结构与表现分离，代码更加直观。
React 使用 JSX，将 HTML 和 CSS 嵌入 JavaScript 中，视图和逻辑融合，使代码灵活，但相对复杂。
2. 数据管理
Vue 支持双向数据绑定，即数据和视图的双向更新；修改数据会自动更新视图。在响应式管理上，Vue2 通过 Object.defineProperty 实现数据劫持，对所有数据属性添加 getter 和 setter，每次数据更新会自动触发视图更新。Vue3 使用 Proxy 实现响应式代理，支持更丰富的数据结构，并在运行时才代理未用到的属性，性能更优。
React 则通过状态管理和单向数据流，需要手动调用 setState 更新，整个组件树重新渲染，需用 pureComponent、useMemo、useCallback 等来控制更新粒度，避免不必要的重渲染。更适合在大型应用中严格的数据流管理。
3. 组件通信
在组件通信方面，Vue 的 props 需声明，而 React 直接使用 props 即可。
Vue 支持插槽（slot）来实现灵活布局，而 React 倾向于通过 props 传递内容。
4. 生命周期和组件化设计
Vue 的生命周期和组件通过 options API 组织，各选项明确但需依赖文档说明；Vue3 引入的 Composition API 提升了灵活性。
React 则通过函数式组件和 hooks 处理生命周期，简洁灵活。
Vue 的生命周期主要包括 created、mounted 等钩子，
而 React 组件化通过继承 React.Component 类，生命周期方法包含 componentDidMount、shouldComponentUpdate 等。
5. 性能优化与 Diff 算法
Vue 的更新粒度更小，性能优化上心智负担较小；React 需要通过各种 hook 或类组件的生命周期方法来控制更新范围。
Vue 的 Diff 算法在子节点比对时使用双指针技术，Vue3 引入 Map 和动静结合，Diff 中跳过静态节点，提高效率；React 则使用 Fiber 架构，通过时间分片实现高效的 DOM 操作。
6. 生态系统与开发体验
React 的生态主要由社区驱动，关注底层实现，给予开发者自由，生态系统丰富。
Vue 则由官方主导，更新时常带来较大变化，虽然上手简单，但迭代版本差异较大，例如 Vue2 和 Vue3 的 API 变化较多，开发者需重新学习。
总之，Vue 更加直观，适合小型、简单项目或快速开发，而 React 的灵活性和生态支持更适合复杂应用。
