vue和react对比,各自优缺点在哪？

请用语音读文章

热门回答：

你好。我是「前端雨爸」。希望我的回答对你有所帮助。

首先

前端发展迅速。每天都让我们反复进入“学不动”的漩涡中。

但作为一个开发者。尤其是前端开发。我不希望各位把中心放在谁好谁坏上。更多的应该知道目前三大框架的不同。在项目实战中有针对性的选择。

同时。有精力还是都接触下。毕竟都是最优秀的框架。

官方对比

Vue 官网给出了详细的异同对比。相信这是最权威的比较（来自：尤大 作者的视角）

相同点：

使用了虚拟 DOM

提供响应式编程概念。组件化思想

渐进式编程。重点放在核心库。其他交给社区或者第三方库完成

不同之处：

1. diff 方式。

react 需要通过 PureComponent 或者实现 方法来优化组件渲染。

而 vue 不需要额外的设置。完全交给框架来完成。

2. JSX 和 Template

首先 Vue 也提供了渲染函数（render）。React 主推 JSX（就是那个让大部分程序员。刚上手不习惯的渲染函数语法糖）。会有种错觉：HTML（React 元素） 和 Javascript 逻辑居然写在了一起。

Vue 通过 vue-loader 。帮助我们把 template、script、css 分离开。或者最后组合在一起。完全可以像以前的 web 开发一样。入门门槛降低。

3. 脚手架

React 提供了 create-react-app 工具。虽然是不错的脚手架。但不涉及 webpack 等的配置的修改能力；

相反。Vue 依靠 vue.config.js 让我们更定制化的修改脚手架配置。

4. 其他

React 学习成本更高。Vue 更符合我们的开发模式（习惯）

最后

意思就是自己使用下来。并结合 Vue 官网说明的总结。两个框架都不错。vue 更是借鉴了 angular 和 react 的产物。随着版本的升级。他们三者越来越趋于同化。相信未来我们前端会走的越来越好。

欢迎关注「前端雨爸」。让我们一同在前端路上成长进步。

其他观点：

主要有以下三大区别

1.Vue 通过 getter/setter 以及一些函数的劫持。能精确知道数据变化。不需要特别的优化就能达到很好的性能。React 默认是通过比较引用的方式进行的。如果不优化。可能导致大量不必要的VDOM的重新渲染。

2.Vue 使用的是可变数据。而React更强调数据的不可变。

3.Vue更加简单。而React构建大型应用的时候更加鲁棒。

其他观点：

手动挡和自动挡

以上就是由优质生活领域创作者 生活常识网 整理编辑的，如果觉得有帮助欢迎收藏转发~