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侧重数据绑定,可以应用于复杂数据操作的后台页面。如:表单填写页面

jquery侧重样式操作,动画效果等;可以应用于一些html5的动画页面,一些需要js来操作页面样式的页面中。

更多web前端开发知识,请查阅 HTML中文网 !!

以上就是jquery与vue的区别是什么?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读