Vue简介

Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。 Vue关注视图层，采用自底向上增量开发的设计。通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也能够为复杂的单页应用提供驱动。

许多使用过VUE的程序员，对VUE的评价是“Vue.js 兼具angular.js和react.js的优点，并剔除了它们的缺点”。

Vue.js的创造者是一位杰出的华人-尤雨溪（EvanYou）。在开发工具方面，中国人的创造少之又少，这一点为其加分不少。不过，情怀毕竟取代不了实际需求，VUE的崛起在于其的确 是一个相当优秀的框架。他并不像许多其他编程语言一样晦涩难懂，所见即所得是其基本特点，正是由于这一特点，许多初学者也会将其作为入门语言。

我们知道，jquery之父约翰·雷西格，他出生于1984年，是一个80后小伙子，他发布了jQuery的第一个版本，从此前端开发进入了jQuery 时代；一系列基于js的框架如雨后春笋般冒了出来，但大多昙花一现，除了Angular、React、Vue这些主流之外，其他的都在艰难生存。

为什么会有框架

任何事物的存在都因有其需求，是解决现实问题的需求，框架也是如此。框架的存在是为了协助我们应对复杂度。

不过，框架本身依然存在着复杂度，它相当于一个工具，本身也具有学习成本，只不过他的学习成本要低许多。

很自然我们会在使用框架和想要解决问题之间进行抉择，我们会趋向于使用一个简单的工具来去解决一个复杂的问题，这就是框架存在的意义。

这样，我们就希望框架变得越来越简单，而它能解决的问题可以越来越复杂。比较幸运的是，目前都在朝着我们希望的方向走。

目前的主流框架

当前提到前端框架，我们第一想到的就是三大框架vue,react,angular。不过在这三大框架之前，还有一个框架占据了前端开发市场很长一段时间，它就是jquery。这个框架有多么的流行，从基于它的扩展就能看出来，当时几乎大部分js插件都是基于jquery开发的，在操作dom方面的易用性，jquery当时就是最好的。

目前前端三个框架，通过它们在 GitHub 的 Star 历史和 NPM 的下载趋势图来对比一下，可以看出在 GitHub 上，Vue 的数据上升最快，并且在三年前的 2018 年 6 月 28 日已经超过了 React，成为了最受欢迎的前端框架。

而在 npm 中，React 的数据遥遥领先，这得益于 React 强劲的社区力量，提供了特别多优秀的想法和理念，为 React 提供了强劲的生态支持，同时也让我们在选择周边框架的时候需要进行更多的选择。

这三个框架都超级的优秀，我们的选择都基于我们的取舍逻辑：我们希望工具足够简单，而它可以解决的问题却要足够复杂。

Angular 期望做的事情超级多，列如说它会包含着它自己的路由，这让我们决定去使用 Angular 的时候，就必须要接受它的全部，这就使得学习成本变得更高，但同时选择变得会更少，不过有时候选择少了并非是一件坏事，它可以让我们更加专注。

React 与 Vue 一样都是专注只做界面，而其他的所有一切都会有各种配套的工具，列如说路由，或者状态管理工具，所以说使用它们的话你可能需要做更多的选择，而这种方式则使得它们本身（React、Vue）的学习曲线相对平缓。

Angular 是一个复杂工具，用于解决复杂问题。而 React 与 Vue 则专注于解决一个特定的问题，而把其他的问题交给了它们的生态圈来处理，这样做的同时也会让我们花更多的时间来选择合适的周边工具。

所以说这些框架各有优劣，并没有绝对的谁好谁坏之分，我们选择什么样的工具，取决于我们面对什么样的问题。我们喜爱刚刚好，追求事半功倍，如果你也是这么想的，那么至少我们的底层观念是一致的。

Vue 的特点

VUE所代表的渐进式框架到底有什么魅力。

主要内个方面：

MVVM 框架

单页面应用程序

轻量化与易学习

渐进式与兼容性

视图组件化

虚拟 DOM（Virtual DOM）

社区支持

未来走向等等。

优点:

1. 数据驱动 2.模块化 3.轻量级 4.SPA 5. 版本3.0的界面化管理工具比较好使 6.vue易入门。

缺点：

1. 不支持低版本浏览器 2.吃内存（每个组件都会实例化一个Vue实例，实例的属性和方法许多） 3.定义在data里面的对象，实例化时，都会递归的遍历转成响应式数据，不过有的响应式数据我们并不会用到，造成性能上的浪费 4.像keep-alive transition transition-group 这些内置组件，不管用不用实则都已经挂到Vue.options.components上，如果不用，造成对象变大，从而占用内存 5.父子组件更新，没有明确的来源 问题来源于GitHub。