jquery同vue的区别

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: https://blog.csdn.net/jdrunk/article/details/102601938

1、jquery同vue的区别

A、两者的未来发展的区别

● jquery介绍:jquery是一个类库,提供了很多方法,不能算框架。在过去和现在Jquery是最流行的web前端js库,可是现在无论国内还是国外,他的使用率正在渐渐被其他的js库所替代。随着浏览器厂商对H5规范统一遵循以及ECMA6在浏览器端的实现,jquery的使用率会越来越低。

● vue的介绍:vue是一个刚兴起不久的前端框架,有一套完整的体系,是一个精简的MVVM。从技术角度讲,vue.js专注于MVVM模型的ViewModel层,通过双向数据绑定把view层和Model层连接起来,通过对数据的操作就可以完成对页面视图的渲染。vue以它独特的优势简单、快速、组合、紧凑、强大而迅速崛起。

为什么说“通过对数据的操作就可以完成对页面视图的渲染”?

vue.js是一种基于MVVM方式的框架,专注于MVVM模型的ViewModel层,通过双向数据绑定的方式将Model层和View层连接起来。而在vue中实现双向数据绑定的原理是:采用数据劫持结合发布者-订阅者的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时,发布消息给订阅者,触发相应的监听回调。通俗的讲,就是利用observe监听Model层的数据变化;利用Compile来编译解析模板指令,最终利用Watcher搭起Observer和Compile之间的通信桥梁,达到数据变化 (model)-》视图更新(view);视图变化(view)-》数据(model)变更的双向绑定效果。

B、在操作思想上有本质的区别:

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

$(‘input’).val();
还是依赖DOM元素的值。
● vue基于一种MVVM模式,使用数据驱动的方式,通过Vue对象将数据和View完全分离开来。对数据进行操作,不在需要引用相应的DOM对象,通过vue对象,将数据和相应的DOM对象相互绑定起来。

C、应用场景的区别

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

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

猜你喜欢

转载自blog.csdn.net/jdrunk/article/details/102601938