vue和jquery区别（vue与jquery的区别）

本文目录

• vue与jquery的区别
• jquery和vue效率对比
• vue.js和jquery的区别
• Vue.js与Jquery的比较 谁与争锋 js风暴
• vue和jquery哪个好用

vue与jquery的区别

1.jquery介绍：想必大家都用过jquery吧，这个曾经也是现在依然最流行的web前端js库，可是现在无论是国内还是国外他的使用率正在渐渐被其他的js库所代替，随着浏览器厂商对HTML5规范统一遵循以及ECMA6在浏览器端的实现，jquery的使用率将会越来越低
2.vue介绍：vue是一个兴起的前端js库，是一个精简的MVVM。从技术角度讲，Vue.js 专注于 MVVM 模型的 ViewModel 层。它通过双向数据绑定把 View 层和 Model 层连接了起来，通过对数据的操作就可以完成对页面视图的渲染。当然还有很多其他的mvmm框架如Angular，React都是大同小异，本质上都是基于MVVM的理念。 然而vue以他独特的优势简单，快速，组合，紧凑，强大而迅速崛起
3.vue和jquey对比 jQuery是使用选择器（）选取DOM对象，对其进行赋值、取值、事件绑定等操作，其实和原生的HTML的区别只在于可以更方便的选取和操作DOM对象，而数据和界面是在一起的。比如需要获取label标签的内容：）选取DOM对象，对其进行赋值、取值、事件绑定等操作，其实和原生的HTML的区别只在于可以更方便的选取和操作DOM对象，而数据和界面是在一起的。比如需要获取label标签的内容：(“lable”).val();,它还是依赖DOM元素的值。 Vue则是通过Vue对象将数据和View完全分离开来了。对数据进行操作不再需要引用相应的DOM对象，可以说数据和View是分离的，他们通过Vue对象这个vm实现相互的绑定。这就是传说中的MVVM。

jquery和vue效率对比

vue所提倡的数据驱动视图和jQuery的直接操作DOM在编写页面时的思路是完全不同的。虽然两种思路是完全不同的，但也不能说是不能一起用的，在某些没有办法的情况下(例如需要操作dom的情况下)，把jQuery和vue用在一块是完全没问题的，当然把这两种技术用在一起是肯定不会出现在最佳实践里的，因为确实没有特殊情况的话，这样用就是有点自找麻烦了。

以下是对传统jq与目前最热的vue进行的技术特性对比：

1、精力集中。

Jq偏重于对dom的操作，由它的函数就很容易看出来，$()、parent()、find()。我们用jq的时候经常要去考虑怎么去渲染数据，怎么从视图中取到数据，操作数据前必须对dom节点进行选取修改赋值等操作，这其实分散了我们的本该放在业务逻辑上的精力。而Vue则是基于MVVM思想，数据驱动，双向绑定，只需要定义好渲染规则，如果数据发生改变，vue会帮我们重新渲染整个页面，所以我们只需将注意力放在数据操作上就可以了。

2、代码结构。

如果你用jq没有好的代码架构，很容易就回出现一种情况就是：js里写着html元素代码，而且可能会遍布很多地方。因为增删改查你都需要对dom进行操作，这里甚至可能会写多了些冗余代码。代码架构好一点的，可能会写成一种简版框架（即有专门的渲染函数，增删改查都会调用这个函数），依然是全域的，需要闭包。而vue就没有这个问题方法全部写在methods中，提供多种钩子函数对页面渲染过成进行精准操作。

3、操作性。

用jq去操作dom实际上是蛮麻烦的。比如说又个对象数组已经渲染成表格了，这时你需要修改某一个id的那个对象的数据行，jq的话最麻烦的做法就是在遍历里面先拿到id，检查相等，相等的话，用index去拿到要改的那个dom，再重新渲染。而用vue的话，可以直接修改数据就可以了，而且你甚至可以用Array.map Array.filter ，方便快捷，提升开发效率

4、模块化。

目前无论前端还是后端开发，越来越倾向于模块化组件化，以求降低不同模块，不同功能区块之间的耦合度，便于后期业务的修改与拓展，vue完全cover上述特性，而使用jq的时候，如果你的js牛逼轰轰的写得已经超长了，然后你又觉得需要分下模块了，这时你有两选择，

1是用seajs,requirejs等，

2是用原生的import去管理你的代码。说实话，我没怎么用过requirejs去分模块，可能是我压根就想没到这些js要怎么分。

5、单页面实现。

单页面的实现原理估计大家都很熟了，一般是几个div在来回切换。如果一开始已经写好html，再来回切的话，html是太长了。如果用js去写又拼的很麻烦。如果你想用jq、原生实现页面切换，我能想到比较好的方式是用模版引擎...吗？但其实单页面的实现我感觉没那么简单，你不单单要考虑html能否单独写出来，还要考虑js需不需要按需加载，路由需不需要等等。。。用vue就不需要烦这些东西，vue自动构建单页应用，使用router模拟跳转。

6、组件的复用。

用vue最爽的莫过于使用别人写好的组件。目前vue的生态已经非常庞大，主流的组件库有element-ui，iview，使用主流的组件库不仅避免了我们重复造轮子，而且方便新员工快速接手项目，某个大神的组件总结：

vue.js和jquery的区别

一、主体不同

1、vue.js：是一套用于构建用户界面的渐进式JavaScript框架。

2、jquery：是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库。

二、特点不同

1、vue.js：Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。

2、jquery：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。

三、优势不同

1、vue.js：目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

2、jquery：提供了对基本JavaScript结构的增强，比如元素迭代和数组处理等操作。

参考资料来源：百度百科-jQuery

参考资料来源：百度百科-Vue.js

Vue.js与Jquery的比较 谁与争锋 js风暴

vue和jQuery区别在于jQuery本质上一个只是简化了你的操作函数库而已，代表的是优化过的JavaScriptdom操作。vue的话是一个能提供动态绑定等等功能的一个框架，把你从复杂繁琐的dom操作中解放出来了，代表的是虚拟dom的新的思路。其实两者并没有什么功能上的交集，如果你非要问可以不用vue来实现jQuery所能实现的功能的话，我只想说，能，并且更加简洁。

vue和jquery哪个好用

jQuery通常被视为Web开发者入门的一个很好的切入点。
很多人在学习Vanilla Javascript(一个快速、轻量级、跨平台的JavaScript框架)之前都先学习了jQuery。
jQuery简洁却不简单
jQuery确实去掉了一些老浏览器存在的许多令人懊恼问题。
但是，它也并没有在DOM API或者Javascript的复杂性的封装上做更多的工作。
是的，我知道使用 $(‘#id’).click(function(event){...});
比在 Vanilla Javascript 中做这些事要方便许多。
Vue.js
Vue.js是Javascript家庭的一个新成员。
在它的众多优势中，我认为它“易于学习”应该排在首位。
简单性贯穿它的设计始终。
我认为一个初学者使用Vue创建一个简单的应用，会比他们使用jQuery创建时，能更好地了解他们的代码是如何运作的。