React和Vue对比

---

前言

React和Vue都是当前主流框架之一，以下分析两者的区别和优缺点，帮助小伙伴做更好的选择！

---

一、React和Vue介绍

React：用于构建用户界面的Javascript库。由Facebook创建并在2013年开源。
Vue：用于构建用户界面的渐进式框架。由尤雨溪创建并在2014年开源。

二、React和Vue相似之处

• 都支持服务端渲染。
• 都使用Virtual DOM实现快速渲染。
• 都有组件化、模块化思想。
• 都有“props”的概念，允许父组件往子组件传送数据。
• 都有独立的路由系统和独立的状态管理库。
• 都有优秀的支持和社区。
• 都有支持native的方案，React的React native、Vue的weex。
• 都有各自的脚手架构建项目。

---

三、React和Vue区别

• 模式：React严格上只针对MVC中的View层; Vue则是MVVM模式。
• 写法：React采用JSX写法，Html和Css都可以写进Javascript中，即“all in js”; Vue采用Templates写法，即Html、Css、Javascript写在同一文件里。
• 数据绑定：React采用单向数据流；Vue实现数据的双向绑定。
• 数据管理：React使用state存储数据，setState更新状态；Vue数据由data属性在vue对象中管理。
• 数据监听：React通过Diff算法比较数据，优化不必要的VDOM的重新渲染,强调数据的不可变性；Vue通过 getter/setter以及一些函数的劫持，精确知道数据变化，强调数据的可变性。

---

四、React和Vue选择

1.React选择

• 更适合超大型项目，更好的可测试性。
• 同时适用于web端和原生的app。
• 更大的生态圈，维护的群体更大。

2.Vue选择

• 模板和渲染函数的弹性选择。
• 简单的语法及项目创建。
• 更快的渲染速度和更小的体积。

总结

两者都是比较优秀的框架，都有各自的优缺点，选择适合自己的才是最好的~~