前端三大框架(Vue,React,Angular)
框架 | 组织方式 | 数据绑定 | 模板能力 | 自由度 | 路由 |
---|---|---|---|---|---|
Angular | MVC | 双向绑定 | 强大 | 较小 | 静态路由 |
React | 模块化 | 单向绑定 | 自由 | 大 | 动态路由 |
Vue | 模块化 | 双向绑定 | 自由 | 较大 | 动态路由 |
组织方式
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 | |
---|---|---|---|
背景 | 阿里巴巴 | ||
文档 | 英文 | 英文 | 多语言 |
上手难度 | ⭐⭐⭐⭐ | ⭐⭐⭐ | ⭐⭐ |
App方案 | lonic | RN | Weex |
来源:CSDN
作者:吾爱独不爱我
链接:https://blog.csdn.net/weixin_44502875/article/details/103461187