我爱编程

前端三大框架的对比

2018-04-22  本文已影响0人  玉面小猿
Angular React Vue
组织方式 MVC 模块化 模块化
数据绑定 双向绑定 单向绑定 双向绑定
模板能力 强大 自由 自由
自由度 较小 较大
路由 静态路由 动态路由 动态路由

组织方式

Angular采用MVC的数据划分,而Vue和React采用模块化方案。

数据绑定

模板指令

Angular的模板是最强大的,除了自带的丰富的模板指令,还可以通过自定义的指令定义模板,调用的时候只需要一个指令名称就够了。
React模板就是JSX,JSX语法相当于一个变量,相当灵活。没有什么问题是一坨js解决不了的,如果有,那就用两坨。

模板

Vue模板借鉴了Angular的模板指令,但是没那么复杂。它的特点就是简洁易用。

自由度

Angular本身是一个大而全的框架,它对模块模板路由都有很多的要求,因此自由度比较小。
React是UI层框架,JSX模板相当于js,写起来自由度非常大,相当于原生的js。
Vue追求的是灵活,简单,但还是受到一些经典Web技术的限制,相对React自由度小一些,但其实也比较自由。

路由

Angular路由是自带的,而Vue和React是借助别的路由工具。
React使用React-router,Vue使用Vue-router,Angular中是静态的路由,而React4.x开始使用动态路由,Vue2.2之后也可以使用addRoutes来创建动态路由。

其他维度对比

Angular React Vue
背景 Google Facebook 阿里巴巴
文档 英文 英文 多语言
上手难度 ⭐⭐⭐ ⭐⭐⭐ ⭐⭐
App方案 lonic RN Weex
上一篇下一篇

猜你喜欢

热点阅读