【前端面试准备】Vue和React的相同点和不同点

React 和 Vue 的相同点

**1.使用Virtual DOM

• 用JS模拟DOM结构，DOM变化的对比，放在JS层做，以提高重绘性能
• DOM操作昂贵，JS运行效率高，要减少DOM操作

进一步了解为什么使用虚拟dom：可查看链接
https://www.cnblogs.com/ziyoublog/p/9989797.html

2. 提供了响应式(Reactive)和组件化（Composable）的视图组件。

3.将注意力集中保存在核心库，而将其他功能如路由和全局状态管理交给相关的库。

2. 不同之处：

• 性能：
  vue和React的性能都非常高，vue的优化：
  在 React 应用中，当某个组件的状态发生变化时，它会以该组件为根，重新渲染整个组件子树。如要避免不必要的子组件的重渲染，你需要手动实现；在 Vue 应用中，组件的依赖是在渲染过程中自动追踪的，所以系统能精确知晓哪个组件确实需要被重渲染，开发者不需要考虑组件是否需要重新渲染之类的优化。

• HTML & CSS
  在React中，一切都是JavaScript，所有的组件的渲染功能都依靠 JSX。JSX 是使用 XML 语法编写 JavaScript 的一种语法糖。你可以使用完整的编程语言 JavaScript 功能来构建你的视图页面；在Vue中有自带的渲染函数，Vue也支持JSX，Vue官方推荐使用模板渲染视图。组件分为逻辑类组件和表现类组件。

  组件作用域内的 CSS
  CSS 作用域在 React 中是通过 CSS-in-JS 的方案实现的 (比如 styled-components、glamorous 和 emotion)；在Vue中是通过给style标签加scoped标记实现的。

• 规模
  Vue 的路由库和状态管理库都是由官方维护支持且与核心库同步更新的。React 则是选择把这些问题交给社区维护，因此创建了一个更分散的生态系统。但相对的，React 的生态系统相比 Vue 更加繁荣。

• 原生渲染
  React Native 能使你用相同的组件模型编写有本地渲染能力的 APP (iOS 和 Android)。能同时跨多平台开发，对开发者是非常棒的。