Vue前端框架选型论述
1. 前端3大巨头框架综述
-
React 起源于 Facebook 的内部项目，社区非常活跃，下载使用当前排行第一名，但是 React 的只能是半开源，在不涉及到 Facebook 子公司或者 Facebook 合作公司利益的条件下开源，否则属于专利侵权。React 框架相对于 Vue 要复杂的多，学习成本高于Vue。
-
AngularJS 诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。AngularJS 之前和 React 在前端框架中评分秋色，后来 AngularJS 升级新版后对低版本不兼容，导致大量开发者果断放弃 AngularJS，AngularJS 当前社区活跃度和使用量远远低于 React。Vue的社区活跃度已经超过 AngularJS。
-
Vue 是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。Vue 当前社区活跃度比 React、AngularJS高，使用量增长率最高，预计今年年底使用量将超过 AngularJS。
2. 三大框架社区活跃度和使用量对比
- 社区活跃度对比
- React github Star 数量：130k
- AngularJS github Star 数量：59.6k
- Vue github Star 数量：140k
- npm下载使用量对比
-
npm 统计地址：https://www.npmtrends.com/@angular/core-vs-angular-vs-react-vs-vue
-
npm 趋势对比
-
从下载使用量趋势图中，可以看出目前 React 瑶瑶领先，Vue 使用量持续稳定增长，预计会超过 AngularJS 。
-
3. Vue 的优势总结
1. 社区活跃度高和使用量高
从上面的数据统计调查来看，Vue 社区活跃度排行第一，使用量增长率高，说明 Vue 是通过了众多团队验证和认可，可靠性高。
2. 完全开源
vue 是完全免费开源的，不会像 React 一样有专利侵权风险
3. 资料文档齐全
Vue 官网有详细的学习文档，社区大量的学习资料
4. 学习成本低
与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。
5. 开发效率高
组件化，视图,数据,结构分离，极大的提升了开发效率，有利于业务的扩展和后期维护
6. 数据与视图双向绑定
传统前端框架 EasyUI 、bootstrap 等基于JQuery框架，jQuery是使用选择器选取DOM对象，对其进行赋值、取值、事件绑定等操作，其实和原生的HTML的区别只在于可以更方便的选取和操作DOM对象，而数据和界面是在一起的。比如需要获取label标签的内容：$(“lable”).val();它还是依赖DOM元素的值。
Vue则是通过Vue对象将数据和View完全分离开来了。对数据进行操作不再需要引用相应的DOM对象，可以说数据和View是分离的，他们通过Vue对象这个vm实现相互的绑定。这就是传说中的MVVM。
7. 深受开发人员喜欢
Vue 是前端主流框架，能吸引更多优秀的应聘者来公司面试，开发人员学会使用 Vue 开发前端页面后，在开发人员的简历里面又可以增添一项新技能。
8. 性能高
虚拟DOM，运行速度更快
9. 组件丰富
element 全套组件是基于 Vue 框架实现，有树、表格等各式各样丰富的组件，足以满足的我们日常业务开发需求。避免了我们去重复造轮子。
10. Vue 的作者是中国人
Vue 的作者在美中国学生尤雨溪。
