Jquery和vue对比

jQuery到Vue的转变是一个思想的转变，将原有的直接操作dom的思想转变到操作数据上

前言：很多人说jquey和vue没有什么可比的，应该和Angular，React来比吧，我到觉得他们倒没有多大的可比性，都是基于mvvm思想设计的框架，无非就是实现的方式不一样，在不同场景下性能上会有一些差异。然而从jquery到vue或者说是到mvvm的转变则是一个思想想的转变，是将原有的直接操作dom的思想转变到操作数据上去，难道不是一个根本性的改变吗？

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

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

1.jQuery是使用选择器$选取DOM对象，对其进行赋值，取值，事件绑定等，而Vue则是通过Vue对象ViewModel将数据和View完全分离开了。对数据操作不再需要引用相应的DOM对象，即数据和View是分离的，通过Vue对象vm实现相互的绑定。

2.Vue支持双向数据绑定：在MVVM 框架中，View(视图) 和 Model(数据) 是不可以直接通讯的，在它们之间存在着 ViewModel 这个中间介充当着观察者的角色。当用户操作View(视图)，ViewModel 感知到变化，然后通知 Model发生相应改变；反之当 Model(数据) 发生改变，ViewModel 也能感知到变化，使 View 作出相应更新。

3.Vue支持组件化：组件化的优点 《1》提高开发效率 《2》方便重复使用 《3》简化调试步骤 《4》提升整个项目的可维护性 《5》便于协同开发。

优势的案例

• 向一个列表添加一个元素：vue只需要向列表数据对象message里面push一条li标签即可，而jQuery则需要首先获取列表对象，再添加标签。
• 控制按钮的显示隐藏：Vue只需控制属性isShow的值为ture或者false即可，而jquery需要操作dom节点