jQuery 使用选择器选取 DOM 元素, 对其进行取值, 赋值, 事件绑定等操作; vue 不直接操作 DOM 元素, 它采用虚拟 DOM, 使用数据对界面进行驱动.
● jQuery 是直接操作 DOM; 使用选择器 ($) 选取 DOM 对象, 对其进行赋值, 取值, 事件绑定等操作; 和原生的 JS 区别只在于可以更方便的选取和操作 DOM 对象; 数据和界面是在一起, 比如获取 input 标签的内容
$('input').val();
还是依赖 DOM 元素的值.
● vue 基于一种 MVVM 模式, 使用数据驱动的方式, 通过 Vue 对象将数据和 View 完全分离开来. 对数据进行操作, 不在需要引用相应的 DOM 对象, 通过 vue 对象, 将数据和相应的 DOM 对象相互绑定起来.
使用场景:
● jQuery 适用的场景: jQuery 侧重样式操作, 比如一些 H5 的动画页面; 需要 JS 来操作页面样式的页面
● Vue 适用的场景: vue 侧重数据绑定, 比如复杂数据操作的后台页面; 表单填写页面
总结:
● jQuery 直接操作 dom
● Vue 不直接操作 dom, 采用虚拟 dom
● Vue 通过数据驱动界面
● jQuery 通过选择器选取元素, 进行取值赋值, 事件绑定等操作
本文来自 jQuery 答疑 https://www.html.cn/qa/jquery/ 栏目, 欢迎学习!
来源: http://www.css88.com/qa/jquery/15382.html