前端三大框架的对比

最新推荐文章于 2024-07-27 09:53:24 发布

鹊羽

最新推荐文章于 2024-07-27 09:53:24 发布

阅读量778

点赞数 4

本文链接：https://blog.csdn.net/weixin_44502875/article/details/103461187

版权

前端三大框架（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来创建动态路由。