关于Vue与Jquery的区别,为什么Vue更受程序员喜爱

前段时间,在和同事聊天聊到jQuery这个库的时候,以及他为什么被淘汰,我习以为常的说了句因为Vue性能好,但是同事却不赞同我这个观点,并且还说在某些时候Vue的diff算法其实是负优化,为了证明他错了,我上网查阅大量资料,最后发现,我被打脸了

想必大家都用过jquery吧，这个曾经也是现在依然最流行的web前端js库，可是现在无论是国内还是国外他的使用率正在渐渐被其他的js库所代替，随着浏览器厂商对HTML5规范统一遵循以及ECMA6在浏览器端的实现，jquery的使用率将会越来越低

vue是一个兴起的前端js库，是一个精简的MVVM。从技术角度讲，Vue.js 专注于 MVVM 模型的 ViewModel 层。它通过双向数据绑定把 View 层和 Model 层连接了起来，通过对数据的操作就可以完成对页面视图的渲染。当然还有很多其他的mvmm框架如Angular，React都是大同小异，本质上都是基于MVVM的理念。 然而vue以他独特的优势简单，快速，组合，紧凑，强大而迅速崛起

Vue 和 jQuery 对比 jQuery 是使用选择器（）选取 DOM 对象，对其进行赋 值、取值、事件绑定等操作，其实和原生的 HTML 的区别只在于可以更方便的选 取和操作 DOM 对象，而数据和界面是在一起的。比如需要获取 label 标签的内 容：）选取 DOM 对象，对其进行赋值、取值、事件绑定等操作，其实和原生的 HTML 的区别只在于可以更方便的选取和操作 DOM 对象，而数据和界面是在一起的。比 如需要获取 label 标签的内容：(“lable”).val();,它还是依赖 DOM 元素的值。 Vue 则是通过 Vue 对象将数据和 View 完全分离开来了。对数据进行操作不再需 要引用相应的 DOM 对象，可以说数据和 View 是分离的，他们通过 Vue 对象这个 vm 实现相互的绑定。这就是传说中的 MVVM。

现在国内比较火的React 、Vue 、Angular框架，都是属于MV*框架的范畴，其设计特点，主要是以数据为核心。可以说操作DOM的事儿，就留给框架去做了。这比传统jQuery开发效率高，代码可维护性高，可扩展性强、性能好。

打个比方：

我让jQuery去买瓶酱油，给了他100块钱，这时我们需要告诉他去小卖铺的路怎么走、怎么跟老板说买啥酱油，买多少钱的酱油，找多少零钱，还得告诉他怎么回来**（命令式）**。

这时我让Vue去买酱油去了，这时我只需要给他钱，并且告诉他目的地在哪儿，买什么酱油即可，不需要手把手教他**（函数式）**。

这就是传统开发和现代框架开发的不同。

使用现代框架开发，可以使用Webpack（当然使用jQuery也可以使用Webpack）,可以使用人家提供的现成的脚手架，比方说create-react-app，vue-cli。极大提高了开发的效率，并且可以使用最新的ES6、ES7语法进行开发，在编码体验上，就提高了一个档次。

现在jQuery已经完美的退出了历史的舞台，他已经完成了他所要完成的任务。