VueJs和jQuery

Vue.js是什么？

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

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

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

jQuery是什么？

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

两者区别

• 工作原理

VueJs做到了数据和视图完全分离开，它首先把值和js对象进行绑定，然后修改js对象的值，Vue框架就会自动把dom的值就行更新。对数据进行操作不再需要引用相应的dom对象，他们通过Vue对象实现数据和视图的相互绑定。

jQuery是选取dom对象，然后对dom对象进行操作。 

• 侧重

VueJs侧重数据绑定，可以应用于复杂数据操作的后台页面。如：表单填写页面。
jquery侧重样式操作，动画效果等；可以应用于一些html5的动画页面，一些需要js来操作页面样式的页面中。

Vue优势 

• 减少DOM操作

从jQuery到Vue，是前端思维的转变，从传统的直接操作DOM元素转变为操作虚拟DOM，这是Vue较jQuery乃至原生JS，更具优势的一个原因。
那么什么叫做直接操作DOM元素？什么叫操作虚拟DOM？虚拟DOM的优势是什么？

• jQuery直接操作DOM元素，是使用选择器（$）选取DOM对象，对其进行赋值、取值、事件绑定等操作。每次对元素处理的前提都是先取到元素，DOM操作较多。
• Vue操作虚拟DOM，是在Vue类下面新建对象模拟DOM元素，在操作过程中对数据进行处理而不是直接操作DOM元素，当数据处理完成后，仅仅比较开始和结束状态虚拟DOM有哪些变换，最终根据结束状态虚拟DOM去操作DOM。
• 虚拟DOM的出现将前端的工作从操作元素为主转变为处理数据，减少了DOM操作，减少浏览器的渲染引擎的工作量，渲染更快，大大解决了前端性能优化的难题。

• 双向数据绑定

数据绑定分单向数据绑定和双向数据绑定。传统的单向数据绑定一般是数据影响页面，而页面不影响数据。Vue在MVVM框架中的双向数据绑定通过v-model实现（在 MVVM 框架中，View(视图，也就是常说的页面) 和 Model(数据) 不可以直接通讯），使得视图和数据可以根据一方的改变自身做出相应改变。最直观的就是，在Vue中数据改变，视图无需刷新即可实时改变，而jQuery中数据改变，视图需要用户手动刷新才会改变。

• 组件化

Vue组件具有独立的逻辑和功能或界面，同时又能根据规定的接口规则进行相互融合，变成一个完整的应用，简单来说，就是将页面的功能等需求进行划分成多个模块，可以根据需求增减，同时不影响整个页面的运行。在工作中，有这方面的需求时，可以自己写组件进行重复使用，还可以从网上获取相应组件，也可以对别人封装的组件进行二次封装等等。Vue组件的优势就是组件进行重复使用，便于协同开发，提高开发效率。

 vueJs优势参考：https://blog.csdn.net/xhupup/article/details/104465444​​