前端三大框架的对比

浪尽此生 提交于 2019-12-09 19:21:56

前端三大框架(Vue,React,Angular)

框架 组织方式 数据绑定 模板能力 自由度 路由
Angular MVC 双向绑定 强大 较小 静态路由
React 模块化 单向绑定 自由 动态路由
Vue 模块化 双向绑定 自由 较大 动态路由

组织方式

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

数据绑定

模板指令

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

模板

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

自由度

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

路由

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

Angular React Vue
背景 Google Facebook 阿里巴巴
文档 英文 英文 多语言
上手难度 ⭐⭐⭐⭐ ⭐⭐⭐ ⭐⭐
App方案 lonic RN Weex
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!