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中的实现,本文中的vue对应实现方法可能有多种方式,只列出我所知道的,若有其它对应的操作方法可留言给我补充。
jquery参考文档:jQuery 杂项方法
vue参考文档:Vue Api
二、明细
2.1 数据与页面元素绑定实现:
方法 | 描述 |
---|---|
data() | 向被选元素附加数据,或者从被选元素获取数据 |
removeData() | 移除之前存放的数据 |
在vue中的对应实现:
vue中使用模板语法的方式实现,data绑定元素到数据,在data中定义后通过{{}}的方式绑定数据。
<!-- 绑定一个全是 attribute 的对象 -->
<div v-bind="{ id: someProp, 'other-attr': otherProp }"></div>
2.2循环相关实现:
方法 | 描述 |
---|---|
get() | 获取由选择器指定的 DOM 元素 |
index() | 从匹配元素中搜索给定元素 |
size() | 在版本 1.8 中被废弃。返回被 jQuery 选择器匹配的 DOM 元素的数量 |
toArray() | 以数组的形式检索所有包含在 jQuery 集合中的所有 DOM 元素 |
pushStack() | 将一个DOM元素集合加入到jQuery栈 |
在vue中的对应实现:
vue中元素操作需要使用原生的js方法进行实现,所有无这几项方法对应的实现。
2.4其他jquery函数实现:
方法 | 描述 |
---|---|
$.noConflict() | 释放变量 $ 的 jQuery 控制权 |
$.param() | 创建数组或对象的序列化表示形式(可在生成 AJAX 请求时用于 URL 查询字符串中) |
$.when() | 提供一种方法来执行一个或多个对象的回调函数 |
在vue中的对应实现:
vue中无对应的实现方法,可以引入第三方库进行实现。
三、总结
本篇汇总了jquery中一些杂项方法对应vue中的实现方式。
相关文章
- (尚019)Vue基于脚手架编写项目
- vue - 使用axios
- .NET压缩图片保存 .NET CORE WebApi Post跨域提交 C# Debug和release判断用法 tofixed方法 四舍五入 (function($){})(jQuery); 使用VUE+iView+.Net Core上传图片
- jquery $.proxy使用 Jquery实现ready()的源码
- 【Vue】vue3路由的安装及页面切换传参(params)简单示例(图文+完整源代码)
- Node+TS+Koa+vue 商城全栈(九)引入 koa-bodyparser 并 实现添加分类
- vue-cli webpack 中全局引入 jquery
- vue-property-decorator 提供 OO 的风格 Vue Component 方便类型声明
- Vue - 高效稳定的颜色选择器组件(支持鼠标拖动选择与手动输入16进制、rgb颜色值)
- vue 跨域:使用vue-cli 配置 proxyTable 实现跨域问题
- Vue 组件之间传值
- 【面试Vue全家桶】vue前端交互模式-es7的语法结构?async/await
- vue指令用法
- vue引入外部js数据
- vue 3.0 项目搭建移动端 (八) vue.config.js 配置
- vue-cli的跨域配置(自己总结)
- Vue相关开源项目库汇总 http://www.opendigg.com/tags/front-vue
- 【Vue】vue基础语法——自定义指令、过滤、组件和动画(内附详细案例代码)——day04
- vue学习笔记四:Jquery VS Vue之元素操作明细对照
- 初识vue状态管理机制(vuex、pinia)
- 【vue init】三.项目引入axios、申明全局变量、设置跨域
- Vue登录token处理
- 浅谈vue中插件的使用方法Vue.use(xxx),原理及实现
- 基于vue+leaflet+echart的足迹分享评论平台
- 浅析VUE中的异步渲染机制、nextTick原理及如何改为同步渲染
- 浅析Vue数据更新了但页面不更新的7种情况及vue异步更新带来的数据响应的误解
- 图解vue中 v-for 的 :key 的作用,虚拟dom Diff算法
- vue前台(六点二)
- 前端技术:vue(Vue项目中-axios设置默认请求地址和请求头)
- Vue 之 vue-seamless-scroll 实现简单自动无缝滚动,且添加对应点击事件的简单整理
- vue-解决Vue打包上线之后部分CSS不生效的问题
- 解决VsCode启动Vue项目报错:‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。