vue学习笔记八：Jquery VS Vue之全局属性对照

系列文章目录

第一篇：Jquery VS Vue之差异比较概览
第二篇：Jquery VS Vue之元素操作明细对照
第三篇：Jquery VS Vue之事件监听明细对照
第四篇：Jquery VS Vue之网络请求明细对照
第五篇：Jquery VS Vue之杂项方法明细对照
第六篇：Jquery VS Vue之全局属性对照
第七篇：Jquery VS Vue之遍历方法对照
第八篇：Jquery VS Vue之页面动画明细对照

---

---

一、前言

本篇对比Jquery中的全局属性在vue中的实现。
jquery参考文档：jQuery 事件方法
vue参考文档：Vue Api

---

二、明细

2.1 事件绑定方法实现：

方法	描述
jquery	包含 jQuery 的版本号
jQuery.fx.interval	改变以毫秒计的动画运行速率
jQuery.fx.off	对所有动画进行全局禁用或启用
length	包含 jQuery 对象中元素的数目
jQuery.cssNumber 包含所有可以不使用单位的CSS属性的对象

在vue中的对应实现：
查询版本号使用vue中的全局属性进行获取，具体如下：

const version = Number(Vue.version.split('.')[0])
if (version === 3) {
  // Vue 3
} else if (version === 2) {
  // Vue 2
} else {
  // 不支持的 Vue 的版本
}

动画运行速率可以使用vue的内置组件transition的duration参数进行实现，具体解释如下：

duration - number | { enter: number, leave: number }。指定过渡的持续时间。默认情况下，Vue 会等待过渡所在根元素的第一个 transitionend 或 animationend 事件。

length 和 jQuery.cssNumber未找到对应的vue实现。

三、总结

本篇汇总了jquery中一些属性在vue中的实现方式。