怎样在vue，angular，react快速选择一个合适的框架

最新推荐文章于 2024-09-29 11:15:02 发布

置顶猛码象

最新推荐文章于 2024-09-29 11:15:02 发布

阅读量1.8w

点赞数 12

本文链接：https://blog.csdn.net/weixin_41879988/article/details/81638474

版权

目前vue，angular，react这三个前端框架非常流行，但是在很多场景下，我们在选择技术路线的时候总是很纠结，不知道该选择哪一种，这个问题的是本质是对框架的优劣认识不清晰。在这里不详细对比技术细节，因为技术细节差异不是我们选择框架的首要因素。我们该怎样选择一个框架，我觉得应该从以下几个角度：

1.这个框架的使用场景。比如是否同时适用于Web端和原生App或者快速搭建一个小型项目等等。

2.团队当下的技术能力。学习新框架的时间成本，后期团队维护的成本。

3.框架能解决哪些问题。优劣势是什么。

4.框架的生态系统。是否有繁荣的生态系统供我们学习使用。

5.跨平台性。是否需要同时支持移动端和pc端

我们从这几个角度去分析一下几个框架的优劣

先说一下这三个框架的共同之处，首先这三个框架都有很好的性能(这里的angular指的是2.0+)，都支持数据绑定，组件等基本功能。

Angular

这是一个给开发者一整套解决方案的框架，相对于vue和react，angular不需要搭配其他库，就可以构建出一个大型项目，但它并不太适合开发小型应用。下面是angular的一些特点~

1.这是一个完整的框架拥有良好的项目结构，通常情况下，我们编写的js代码是没有正规的项目结构的，是因为在小型项目中对结构的要求很低，但是在大型项目中则完全不同，比，如webapp中ionic框架就是用的Angular作为内核个人觉得也是看中了angular的这个特点。但是会丢失一些灵活性。

2.拥有自己的构建工具，在Angular-CLI 使用打包编译，生成组件等都有相应的命令行，非常方便快捷，虽然vue和React也有构建工具，但是局限性很大，需要配合其他构建工具，个人觉得Angular-CLI足够强大，这也是一套完整的框架的带来的红利，不必在选择库上浪费时间。

3.体积较大。虽然在angular2+之后使用了AOT和 tree-shaking，但是相对于其他轻量级框架来说还是略显臃肿。加载较慢

4.学习成本较高。需要很多基础概念和使用较复杂的api接口，入门相对困难。而且angular2.0+用的是ts语言，需要对ts语言有一定程度的了解。而且从angular1.x升级到2.x的时候框架几乎是重写了一遍，导致之前用angular1写的程序维护起来比较困难。如果是新入门学习angular，推荐从2开始学起。

5.跨平台优势。有ionic等使用angular作为内核的框架，如果是用angular开发pc端+移动端的跨平台开发，组件服务指令都可以复用，这对开发这来说是非常不错的，react有React Native同样也是跨平台非常不错。vue有与阿里合作Weex，但是目前来说跟前两个还有很大差距。

6.生态系统庞大。angular和react都有庞大的生态系统，vue相对较差

总结：它是一个成熟完善的框架，而React和Vue只是一个UI组件库。angular适用于大型项目，所以会有一些代价，比如学习成本高，如果你只是想用到组件，数据绑定等基础功能去开发一个小型应用，那么最好不要选择angular~

Vue

一句话说明Vue的特点，个人总结：灵活，构建项目可大可小，学习成本低，性能好，适合开发小型应用。这里不是说它不能构建大型应用，只不过个人觉得你如果想开发一个尽可能的小和快的应用，我建议你使用vue~

1.灵活性。它从不限制你用什么样的代码组织结构，更加随意。

2.实用性。它虽然很轻量，但是却拥有很强大的实用性，数据绑定，计算属性侦听器，组件等常用功能不次于angular。在很多方面比angular容易上手更

3.体积小。vue相对于angular体积小了很多。

4.学习成本较低。你只需要有良好的 HTML 和 JavaScript 基础就可以通过官网上的阅读指南快速投入开发，相比于react和angular都有很大的优势，angular需要学习各种各样的api，理解各种基础概念，还有学习ts语言才能进行开发；react需要知道 JSX 和 ES2015还需要学习构建系统等

5.跨平台优势较差。与其他两个框架相比，跨平台优势较差，虽然与阿里合作weex但是差距还很大。

总结：轻量，学习成本低等等，优点很多。缺点就是他的生态社区跟angular和react目前还差很远~