Jquery和vue的区别

Jquery和vue的区别

jquery介绍：jquery是一个类库，提供了很多的方法，不能算框架。

vue的介绍：vue是一个刚兴起不久的前端框架，有一套完整的体系，是一个精简的MVVM。从技术角度讲，vue.js是一种基于MVVM方式的框架，专注于MVVM模型的ViewModel层，通过双向数据绑定把view层和Model层连接起来，通过对数据的操作就可以完成对页面视图的渲染。而在vue中实现双向数据绑定的原理是：采用数据劫持结合发布者-订阅者的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时，发布消息给订阅者，触发相应的监听回调。通俗的讲，就是利用observe监听Model层的数据变化；利用Compile来编译解析模板指令，最终利用Watcher搭起Observer和Compile之间的通信桥梁，达到数据变化 (model)-》视图更新(view)；视图变化(view)-》数据(model)变更的双向绑定效果。vue以它独特的优势简单、快速、组合、紧凑、强大而迅速崛起。

在操作思想上有本质的区别：

● jquery是直接操作DOM；使用选择器（$）选取DOM对象，对其进行赋值、取值、事件绑定等操作；和原生的js区别只在于可以更方便的选取和操作DOM对象；数据和界面是在一起，比如获取input标签的内容

$('input').val();

● vue基于一种MVVM模式，使用数据驱动的方式，通过Vue对象将数据和View完全分离开来。对数据进行操作，不在需要引用相应的DOM对象，通过vue对象，将数据和相应的DOM对象相互绑定起来。

应用场景的区别：

● Jquery适用的场景：jquery侧重样式操作，比如一些H5的动画页面；需要js来操作页面样式的页面

● Vue适用的场景：vue侧重数据绑定，比如复杂数据操作的后台页面；表单填写页面