jQuery与vue的区别是什么？ - A_Blingbling

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来操作页面样式的页面中。

posted on

2021-01-14 20:08

A_Blingbling

阅读(256)

编辑