Vue与React对比

Posted 2022-06-27 sea-breeze

 

相同

 

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

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

3 速度很快。

4 使用 Virtual DOM。

 

不同

 

1 Vue 的路由库和状态管理库都是由官方维护支持且与核心库同步更新的。

React 则是选择把这些问题交给社区维护，因此创建了一个更分散的生态系统。但相对的，React 的生态系统相比 Vue 更加繁荣。

2 在 React 应用中，当某个组件的状态发生变化时，它会以该组件为根，重新渲染整个组件子树。

如要避免不必要的子组件的重渲染，你需要在所有可能的地方使用 PureComponent，或是手动实现 shouldComponentUpdate 方法。同时你可能会需要使用不可变的数据结构来使得你的组件更容易被优化。

在 Vue 应用中，组件的依赖是在渲染过程中自动追踪的，所以系统能精确知晓哪个组件确实需要被重渲染。

3  Vue 也提供了渲染函数，甚至支持 JSX。然而，默认推荐的还是模板。

4 Vue 设置样式的默认方法是单文件组件里类似 style 的标签。

5 Vue 提供了 CLI 脚手架，能让你通过交互式的脚手架引导非常容易地构建项目。你甚至可以使用它快速开发组件的原型。

React 在这方面也提供了 create-react-app，但是现在还存在一些局限性。