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中的实现方式。
相关文章
- Vue笔记:vue-router
- Vue_(Router路由)-vue-router路由的基本用法
- VUE - vue.runtime.esm.js?6e6d:619 [Vue warn]: Do not use built-in or reserved HTML elements as component i
- vue生命周期
- vue模板语法
- This dependency was not found: * !!vue-style-loader!css-loader?……解决方案
- vue 项目里正确地引用 jquery
- 2-5 vue基础语法
- [Vue @Component] Define Props on a Vue Class with vue-property-decorator
- 电子签章盖章之jQuery插件jquery.zsign
- vue.js3.2.20: 在打包时取消生成.map文件
- vue-cli 工程中引入jquery
- jQuery Custom Selector JQuery自定义选择器
- JQuery模板插件-jquery.tmpl
- vue.js3: 自定义video可拖动的进度条(vue@3.2.36)
- Vue.js3: 页面打开前实现图片全部预加载(vue@3.2.33)
- Vue入门教程:node安装vue命令行工具及启动项目
- vue中template的作用及使用
- Vue 中为什么要有nextTick?
- Springboot+Vue实现将图片和表单一起提交到后端,同时将图片地址保存到数据库、再次将存储的图片展示到前端vue页面
- Vue、Vuejs从入门到精通 | vue-router详解
- 144:vue+openlayers 画多边形,任意编辑,并做遮罩剪切处理
- 013:vue+openlayers加载引用maptiler地图,多种展现形式
- 在Vue项目中引入 ECharts 3D 路径图 Flights GL(需安装echarts、echarts-gl、jQuery依赖,已踩坑)
- vue项目实现监听移动端的物理返回键效果demo(整理)
- vue-tour快速入门:VUE项目中如何使用vue-tour新手引导指引插件?怎样使用?包含具体实例
- Vue: vue-router路由