【总结】前端框架：react仍是vue？

 

以前写了一篇前端框架的大汇总，主要介绍了当下主流的框架和其特性。最近除了bootstrap，就属react和vue最为热门，这篇就主要拿这两个框架来作一下详细对比。

究竟如何正确使用？做为小白的咱们从何学起比较好？带着一系列问题来看看吧。

这篇主要介绍：

一、从出身背景、优点、缺点、适合场景、开发模式、实践状况进行对比

二、类似之处

三、如何选择?

 

---

 

 

从出身背景、优点、缺点、适合场景、开发模式、实践状况进行对比

一、出身背景：

 

react是facebook团队开发，2013.3月发布。目前版本15.5.4（初始版本是13开头），社区较成熟，拥有更大的生态圈

 

vue是Evan You我的开发，2014年2月发布 vue2.0版本，生态圈较小

 

 

二、优点：

 

react官网推荐的三个特色以下：

 

• 状态机 —轻松建立交互界面
• 基于组件 —封装组件，管理状态
• 学习一次，处处使用 —跨平台
• 更大的规模、更多的使用者、更好的可测试性
• Web和原生APP
• 能提供更多支持和工具的更大的生态系统

vue 官网推荐的三个特色

• 易用 —会html、css、js即刻开始使用
• 灵活 —渐进式技术栈
• 性能 —17kb (min+gzip)，渲染速度更快，体积更小
• 模板或渲染的灵活选项
• 语法以及项目设置的简单

 

三、缺点：

react：

• 须要转换开发模式（函数式编程）
• 学习新的概念和语法（jsx、es5/6等）
• 须要其余类库支持 (redux)

vue：

• 我的维护框架，风险可能会更大
• 社区不成熟，部分依赖开发人员更新
• 资源较少

 

四、适合场景

react：

• 大型复杂应用程序 
• 同时适用于web端和原生APP
• 周期长，不断迭代的需求

vue：

• 模板搭建开发模式
• 周期短、小型应用程序

 

五、开发模式

react：

• 函数式编程（JSX）
• setState状态管理

vue：

• 模板式开发
• 属性对象

 

六、实践状况

react：

• 国外公司：Facebook、Netflix、Airbnb
• 国内公司：蚂蚁金服、阿里、口碑、美团、滴滴

vue：

• 主要是饿了么

 

---

 

 

类似之处

React和Vue都是优秀的UI库，而且具备更多的类似之处。它们都有的优点是：

• 使用虚拟DOM快速渲染
• 轻量级
• 响应式组件
• 服务端渲染
• 轻松集成的的路由、捆绑和状态管理
• 强大的支持和社区

 

---

 

如何选择？

若是是如下需求选react

一、若是想组件式开发

二、若是想web和wap统一技术栈

三、若是想要代码更可维护和可测试性

四、若是你想要最大的生态系统，想利用丰富的组件库及第三方包

五、若是你想要构建大型应用程序

 

若是是如下需求选vue

一、若是你喜欢使用模板（ 或须要一些其中的选项）构建应用程序

二、若是是在现有代码基础上快速升级

三、若是你喜欢简单的能正常工做的，想更加灵活性

四、若是你但愿你的程序更小更快，想要更快的渲染速度和体积

 

---

 

 

最后

做为刚入门的小白， 能够先学Vue，而后再在vue的基础上学习React。因此下次就说说Vue吧~