jQuery与vue的区别是什么?
jQuery与vue的区别是什么?
下⾯本篇⽂章就来给⼤家介绍⼀下,让⼤家了解jquery和vue.js之间有哪些区别。
有⼀定的参考价值,有需要的朋友可以参考⼀下,希望对你们有所帮助。
jquery与vue的对⽐
JQuery:
jQuery是使⽤选择器($)选取DOM对象,对其进⾏赋值、取值、事件绑定等操作,
其实和原⽣的HTML的区别只在于可以更⽅便的选取和操作DOM对象,⽽数据和界⾯是在⼀起的。
⽐如需要获取label标签的内容:$("lable").val();,它还是依赖DOM元素的值。
只是对原⽣JS的API选择器等等进⾏了封装,便于操作DOM,本质还是操作DOM实现逻辑,数据和界⾯还是连接在⼀起的。
适⽤于需要操作DOM的业务:动画,交互效果,页⾯特效。
Vue.js:
Vue则是通过Vue对象将数据和View完全分离开来了。对数据进⾏操作不再需要引⽤相应的DOM对象,
可以说数据和View是分离的,他们通过Vue对象这个vm实现相互的绑定。这就是传说中的MVVM。
MVVM模型,将数据层和视图层完全分离开,不仅对API进⾏封装,还提供了⼀系列的解决⽅案。
这是⼀个思想的转变。数据驱动的机制,主要操作的是数据⽽不是频繁操作DOM(导致页⾯频繁重绘)。
适⽤的业务:数据相关的处理以及操作。
jquery与vue的区别
1、⼯作原理
Vue做到了数据和视图完全分离开,它⾸先把值和js对象进⾏绑定,然后修改js对象的值,
Vue框架就会⾃动把dom的值就⾏更新。对数据进⾏操作不再需要引⽤相应的dom对象,
他们通过Vue对象实现数据和视图的相互绑定。
jQuery则是要先使⽤选择器($)来选取dom对象,然后对dom对象进⾏操作(如赋值、取值、事件绑定等)。
2、侧重
vue侧重数据绑定,可以应⽤于复杂数据操作的后台页⾯。如:表单填写页⾯原生js和js的区别
jquery侧重样式操作,动画效果等;可以应⽤于⼀些html5的动画页⾯,⼀些需要js来操作页⾯样式的页⾯中。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论