::: hljs-center

:::

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件 。

Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时 ，Vue.js 也能完美地驱动复杂的单页应用。

为什么要学习Vue?

在web开发趋向前后端分离开发的大背景下，Vue这种MVVM前端框架，越来越受到前端工程师的青睐。

我们知道jQuery的最大优势有两点：1.丰富的选择器 2.方便DOM操作。但是这个两点优势在Vue面前毫无意义。因为Vue则是通过Vue对象将数据和View完全分离开来了。对数据进行操作不再需要引用相应的DOM对象，可以说数据和View是分离的。

简单来，未来的前端开发Vue有取代jQuery的趋势，主要有以下三点原因: 1.Vue比JQuery减少了 DOM 操作 2.Vue支持双向数据绑定 3.Vue支持组件化

jQuery从本质上说，只是简化了你的操作函数库而已，代表的是优化过的JavaScript dom操作。vue的话是一个能提供动态绑定等等功能的一个框架，把你从复杂繁琐的dom操作中解放出来了，代表的是虚拟dom的新的思路。其实两者并没有什么功能上的交集，如果你非要问可以不用vue来实现jQuery所能实现的功能的话，我只想说，能，并且更加简洁！

本教程需要有一定前端基础知识的初学者学习，而且仅仅涉及Vue的最基础的指令、渲染、组件的入门知识。 更深入的状态管理，vue-cli,服务器渲染等，请参考相关vue的进阶课程。