zl程序教程

您现在的位置是:首页 >  前端

当前栏目

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

2023-09-11 14:19:17 时间

系列文章目录

第一篇: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中的实现方式。