jquery同vue的区别
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侧重数据绑定,比如复杂数据操作的后台页面;表单填写页面
原文链接:https://blog.csdn.net/tangxiujiang/article/details/79752131
以上是 jquery同vue的区别 的全部内容, 来源链接: utcz.com/z/379983.html