jquery:使用选择器($)选取DOM对象,对其进行赋值、取值、事件绑定等操作,其实和原生的HTML的区别只在于可以更方便的选取和操作DOM对象,而数据和界面是在一起的。
vue:通过Vue对象将数据和View完全分离开来了。对数据进行操作不再需要引用相应的DOM对象,可以说数据和View是分离的,他们通过Vue对象这个vm实现相互的绑定。这就是传说中的MVVM。
jquery:随着浏览器厂商对HTML5规范统一遵循以及ECMA6在浏览器端的实现,jquery的使用率将会越来越低。
vue:是一个精简的MVVM。从技术角度讲,Vue.js专注于MVVM模型的ViewModel层。它通过双向数据绑定把View层和Model层连接了起来,通过对数据的操作就可以完成对页面视图的渲染,使用应该会越来越普遍。
jquery操作的是直接dom元素。
vue操作的是dom元素对象。
vue适用的场景:复杂数据操作的后台页面,表单填写页面,侧重数据绑定。
jquery适用的场景:比如说一些html5的动画页面,一些需要js来操作页面样式的页面,侧重样式操作,动画效果等。
vue使用者的思路转变:界面不是被你的事件改变的,事件只需要改变数据,界面是数据的实时反馈。
最明显的就是思维方式不同,jquery 是以操作dom为主,做了数据处理之后还需要对dom进行操作。vue.js是以操作数据为主,不操作dom,也就是传说中的双向数据绑定,你只需要操作数据就好,dom自动更新。这只是对初学者来说最大的不同。jquery只是一个类库,只是提供了很多的方法,不能算框架,而vue.js是一个框架,有一套完整的体系。所以jquery自然不能和vue比。