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侧重数据绑定,可以应用于复杂数据操作的后台页面。如:表单填写页面
jquery侧重样式操作,动画效果等;可以应用于一些html5的动画页面,一些需要js来操作页面样式的页面中。