浅谈前端三大框架和vue2、vue3的选择

心已赠人 2023-09-28 14:51 31阅读 0赞

#### 文章目录 ####

*   *  认识三大框架
     *  三大框架选择
     *  Vue2和Vue3的选择

### 认识三大框架 ###

> 学习vue框架之前, 我们先了解一下前端的三大框架
> 
> 以及三大框架中vue在国内所处的地位

**目前前端最流行的是三大框架：Vue、React、Angular**。

*  **Angular**: 入门门槛较高，并且国内市场占率较低；不否认本身非常优秀的框架；
 *  **React**: 在国内外的市场占有率都是非常高的, 作为前端工程师也是必须学习的一个框架；
 *  **Vue**: 在国内市场占有率是最高的, 几乎所有的前端岗位都会对Vue有要求；

**框架数据对比**:

*  Google搜索指数

> 我们发现react是稍微领先, vue紧随其后

![在这里插入图片描述][a26204d9397d4af88b827c3b91d5a741.png_pic_center]

*  百度搜索指数

> 在百度上, 由于都是国内的程序员, 我们发现vue是遥遥领先的

![在这里插入图片描述][a9dcbe3eae2e4808ae1caa1b8b1f11ff.png_pic_center]

*  npm下载量

> 而npm上是各个国家的下载量, 我们发现react是遥遥领先的

![在这里插入图片描述][bc09381c93fa4dff8138bb678471a929.png_pic_center]

*  GitHub
 *  在GitHub上, vue和react也是领先于angular

![在这里插入图片描述][cf1e17b904c0442bb6484144ab7b66cc.png_pic_center]  
![在这里插入图片描述][ebc3ea183cd64d18bef494117eee77cb.png_pic_center]  
![在这里插入图片描述][9bb3c4c88d00447797aaf8b1f5c40d91.png_pic_center]

### 三大框架选择 ###

> 大家肯定会想:
> 
>  *  谁是最好的框架呢, 我们学习是否应该选一个最好的框架
>  *  我认为三大框架各有优点和市场

**谁是最好的前端框架**?

*  这个问题我不会给出自己的结论，我们没有必要追究, 三大框架各有自己的市场, 我们需要根据自身所工作的场景来选择
 *  这是一个敏感的话题，在很多地方都争论不休，就像很多人喜欢争论谁才是世界上最好的语言一样, 争论这个话题是没有意义的，争论不休的话题

**但是，我们从现实的角度，分析一下，学习哪一门语言更容易找到工作或者说更适合我们找到工作？**

*  找后端的工作：优先推荐Java、其次推荐Go、再次推荐Node（JavaScript），可能不推荐PHP、C\#；
 *  找前端的工作：优先推荐JavaScript（TypeScript）、其次Flutter、再次Android（Java、Kotlin）、iOS（OC、Swift）；
 *  也有很多的其他方向：游戏开发、人工智能、算法工程师等等；

**那么，就前端来说，学习了HTML、CSS、JavaScript，哪一个框架更容易找到工作？**

*  如果去国外找工作，优先推荐React、其次是Angular, 最后考虑Vue；
 *  如果在国内找工作，优先推荐、且必须学习Vue，其次是React，最后考虑Angular；

### Vue2和Vue3的选择 ###

**如果是打算在国内工作的小伙伴, 看到这里应该明确了Vue的重要性, 也是我们前端开发必不可少的一个技能**

**那么Vue2和Vue3我们该如何去选择呢?**

*  先不给出我的建议, **我们来看看Vue的创始人, 尤雨溪在2021年采访时给出的建议**

![在这里插入图片描述][7b51f86f3cbf4c87a71c9032d3d993cb.png_pic_center]

*  **尤雨溪2021年就已经说Vue3和Vue2的基础概念是一样的, 推荐直接学习Vue3即可**

--------------------

**在2020年的9月19日，万众期待的Vue3终于发布了正式版，命名为“One Piece”**

*  更好的性能；
 *  更小的包体积；
 *  更好的TypeScript集成；
 *  更优秀的API设计。

**那么现在是否是学习vue3的时间呢？**

*  答案是肯定的
 *  Vue3目前已经是稳定的版本，并且Vue3在2022年2月7日已经成为默认安装版本；
 *  目前社区也经过一定时间的沉淀，更加的完善了，包括AntDesignVue、Element-Plus都提供了对Vue3的支持，所以很多公司目前新的项目都已经在使用Vue3来进行开发了。
 *  并且在面试的时候，几乎都会问到各种各样Vue3相关的问题；

[a26204d9397d4af88b827c3b91d5a741.png_pic_center]: https://img-blog.csdnimg.cn/a26204d9397d4af88b827c3b91d5a741.png#pic_center
[a9dcbe3eae2e4808ae1caa1b8b1f11ff.png_pic_center]: https://img-blog.csdnimg.cn/a9dcbe3eae2e4808ae1caa1b8b1f11ff.png#pic_center
[bc09381c93fa4dff8138bb678471a929.png_pic_center]: https://img-blog.csdnimg.cn/bc09381c93fa4dff8138bb678471a929.png#pic_center
[cf1e17b904c0442bb6484144ab7b66cc.png_pic_center]: https://img-blog.csdnimg.cn/cf1e17b904c0442bb6484144ab7b66cc.png#pic_center
[ebc3ea183cd64d18bef494117eee77cb.png_pic_center]: https://img-blog.csdnimg.cn/ebc3ea183cd64d18bef494117eee77cb.png#pic_center
[9bb3c4c88d00447797aaf8b1f5c40d91.png_pic_center]: https://img-blog.csdnimg.cn/9bb3c4c88d00447797aaf8b1f5c40d91.png#pic_center
[7b51f86f3cbf4c87a71c9032d3d993cb.png_pic_center]: https://img-blog.csdnimg.cn/7b51f86f3cbf4c87a71c9032d3d993cb.png#pic_center