vue 和 jQuery 之间有什么区别? 本篇文章就给大家简单比较一下 jQuery 和 vue.js, 让大家了解 jQuery 和 vue.JS 之间有哪些区别. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对你们有所帮助.
首先我们来了解一下 jQuery 和 vue 是什么?
Vue 是什么?
Vue.JS 是一个前端 JavaScript 框架, 用于构建用户界面. 它是开源的. 当使用其他 JavaScript 库时, 它还可以用作集成工具. 它本质上是增量自适应的. Vue 还用作 web 应用程序框架, 可以为单页面应用程序提供支持. 它创建于 2014 年, 是跨平台的.
Vue 主要用于前端开发, 如组件, 声明性 UI 等, 更加平易近人.
从技术角度讲, Vue.JS 专注于 MVVM 模型的 ViewModel 层. 它通过双向数据绑定把 View 层和 Model 层连接了起来, 通过对数据的操作就可以完成对页面视图的渲染.
jQuery 是什么?
jQuery 是一个跨平台的 JavaScript 库. 它旨在简化 html 的客户端脚本. 它也是开源的. 许多分析表明它是最常用和广泛部署的 JavaScript 库.
jQuery 语法旨在轻松导航文档, 例如选择 DOM 元素, 创建动画, 处理事件和开发 Ajax 应用程序. 它还可以用于在 JavaScript 库之上创建插件.
下面我们通过比较 jQuery 和 vue, 来看看它们之间有什么区别.
1, 两者的未来发展的区别
jQuery 介绍: jQuery 是一个类库, 提供了很多方法, 不能算框架. 在过去和现在 jQuery 是最流行的 Web 前端 JS 库, 可是现在无论国内还是国外, 他的使用率正在渐渐被其他的 JS 库所替代. 随着浏览器厂商对 H5 规范统一遵循以及 ECMA6 在浏览器端的实现, jQuery 的使用率会越来越低.
vue 的介绍: vue 是一个刚兴起不久的前端框架, 有一套完整的体系, 是一个精简的 MVVM. 从技术角度讲, vue.JS 专注于 MVVM 模型的 ViewModel 层, 通过双向数据绑定把 view 层和 Model 层连接起来, 通过对数据的操作就可以完成对页面视图的渲染. vue 以它独特的优势简单, 快速, 组合, 紧凑, 强大而迅速崛起.
2, 在操作思想上有本质的区别:
vue 是通过 vue 对象将数据和 view 完全分离开的, 对数据操作不在引用相应的 DOM 对象; 主要是操作数据
jQuery 是使用选择器 ($) 选取 DOM 对象, 并对其进行赋值, 取值, 事件绑定等操作; 主要是操作 DOM
jQuery 是直接操作 DOM; 使用选择器 ($) 选取 DOM 对象, 对其进行赋值, 取值, 事件绑定等操作; 和原生的 JS 区别只在于可以更方便的选取和操作 DOM 对象; 数据和界面是在一起, 比如获取 input 标签的内容
$('input').val();
还是依赖 DOM 元素的值.
vue 基于一种 MVVM 模式, 使用数据驱动的方式, 通过 Vue 对象将数据和 View 完全分离开来. 对数据进行操作, 不在需要引用相应的 DOM 对象, 通过 vue 对象, 将数据和相应的 DOM 对象相互绑定起来.
3, 侧重点不同
vue 侧重数据绑定, 可以应用于复杂数据操作的后台页面. 如: 表单填写页面
jQuery 侧重样式操作, 动画效果等; 可以应用于一些 html5 的动画页面, 一些需要 JS 来操作页面样式的页面中.
来源: http://www.css88.com/qa/jquery/15540.html