Vue 是什么？Vue 和 jQuery

前言：很多人说 jquey 和 vue 没有什么可比的，应该和 Angular，React 来比吧，我到觉得他们倒没有多大的可比性，都是基于 mvvm 思想设计的框架，无非就是实现的方式不一样，在不同场景下性能上会有一些差异。然而从 jquery 到 vue 或者说是到 mvvm 的转变则是一个思想想的转变，是将原有的直接操作 dom 的思想转变到操作数据上去，难道不是一个根本性的改变吗？

1.jquery 介绍：想必大家都用过 jquery 吧，这个曾经也是现在依然最流行的 web 前端 js 库，可是现在无论是国内还是国外他的使用率正在渐渐被其他的 js 库所代替，随着浏览器厂商对 HTML5 规范统一遵循以及 ECMA6 在浏览器端的实现，jquery 的使用率将会越来越低

2.vue 介绍：vue 是一个兴起的前端 js 库，是一个精简的 MVVM。从技术角度讲，Vue.js 专注于 MVVM 模型的 ViewModel 层。它通过双向数据绑定把 View 层和 Model 层连接了起来，通过对数据的操作就可以完成对页面视图的渲染。当然还有很多其他的 mvmm 框架如 Angular，React 都是大同小异，本质上都是基于 MVVM 的理念。 然而 vue 以他独特的优势简单，快速，组合，紧凑，强大而迅速崛起

3.vue 和 jquey 对比

jQuery 是使用选择器（ ）选取 DOM 对象，对其进行赋值、取值、事件绑定等操作，其实和原生的 HTML 的区别只在于可以更方便的选取和操作 DOM 对象，而数据和界面是在一起的。比如需要获取 label 标签的内容： ） 选 取 D O M 对 象 ， 对 其 进 行 赋 值 、 取 值 、 事 件 绑 定 等 操 作 ， 其 实 和 原 生 的 H T M L 的 区 别 只 在 于 可 以 更 方 便 的 选 取 和 操 作 D O M 对 象 ， 而 数 据 和 界 面 是 在 一 起 的 。 比 如 需 要 获 取 l a b e l 标 签 的 内 容 ： (“lable”).val();,它还是依赖 DOM 元素的值。

Vue 则是通过 Vue 对象将数据和 View 完全分离开来了。对数据进行操作不再需要引用相应的 DOM 对象，可以说数据和 View 是分离的，他们通过 Vue 对象这个 vm 实现相互的绑定。这就是传说中的 MVVM。

4.总结：内容讲的比较浅，主要就是分析一下 vue 和 jquey 对比的区别，上面两个例子只是做了一个简单的说明，然而 vue 能解决的问题远比这些要多的多，复杂的多。

　　 vue 适用的场景：复杂数据操作的后台页面，表单填写页面

　　 jquery 适用的场景：比如说一些 html5 的动画页面，一些需要 js 来操作页面样式的页面

　　　　然而二者也是可以结合起来一起使用的，vue 侧重数据绑定，jquery 侧重样式操作，动画效果等，则会更加高效率的完成业务需求