event
发表于|更新于
|浏览量:
有信仰的人不会孤独。——阿列克谢耶维奇
vue官方文档有介绍$event
我们在开发中经常这么写来获取事件
1 | <div class="trigger-me" @click="triggerMe">点我触发</div> |
方法:
1 | methods: { |
然后调用一下

可以看到打印出了事件,如果我们需要传入其他参数,就可以使用$event了
1 | <div class="trigger-me" @click="triggerMe($event, 'ruben')">点我触发</div> |
再次触发:

相关推荐
2025-03-17
GameDev.js Jam 2025
少年时代,她觉得选择为时过早,而现在已是青年,她又觉得改变为时已晚。——保罗·科埃略的《韦罗妮卡决定去死》 我最近发现了一个非常有趣的活动——GameDev.js Jam 2025。这个活动为全球的游戏开发者提供了一个展示创意和技能的平台。今天,我将为大家详细介绍一下这个活动的特点和参与方式。 什么是 GameDev.js Jam?GameDev.js Jam 是一个年度的在线游戏开发竞赛,旨在鼓励开发者使用 JavaScript 及其相关技术进行游戏开发。无论你是专业开发者还是业余爱好者,都可以参加这个活动,展示你的创意和技术。 活动亮点1. 全球参与GameDev.js Jam 吸引了来自世界各地的游戏开发者参与。你将有机会与全球的开发者交流经验,分享心得,提升自己的技能。 2. 丰厚的奖品活动为获奖者提供了丰厚的奖品,包括现金奖励、硬件设备和软件许可证等。这些奖品不仅是对你努力的认可,也能为你的未来开发提供支持。 3. 专业的评审参赛作品将由一组专业的评审进行评判。这些评审来自游戏开发行业,他们的反馈和建议将对你的作品有很大的帮助。 4. 学习和成长通过参与 GameD...
2021-11-12
数组解构赋值
倘若A代表人生的成功,那么公式是:A =X+Y+Z。X是工作,Y是游戏,z是保持缄默。——(美)爱因斯坦 我们以前从一个数组中获取第一项,可能是如下写法: 12let list = [1,2,3]let i = list[0] 有了解构赋值,可以如下写法: 12let list = [1,2,3]let [i] = list 如果稍微复杂点,例如下面这样从对象中取出来数组: 12let ruben = {hobby:['anime']}let favorite = ruben.hobby[0] 就可以写成: 12let ruben = {hobby:['anime']}let {hobby:[favorite]} = ruben 如果再复杂点 123let ruben = {hobby:['anime']}let achao = {favorite:undefined}achao.favorite =...
2025-08-29
react-table
白昼之光,岂知夜色之深。——尼采 https://github.com/react-component/table rc-table:React 高级表格组件的最佳选择——深入解析 react-component/table在现代前端开发中,表格组件是数据展示与操作的核心。如何让表格既美观又功能丰富、同时能灵活扩展和高性能响应?如果你是 React 技术栈的开发者,rc-table(react-component/table)无疑是你值得关注的开源利器。本文将从官方 README 深度解读 rc-table 的功能亮点、技术架构、使用场景与最佳实践,让你全面了解并高效使用这一高质量表格组件。 一、项目简介 项目地址:https://github.com/react-component/table 在线演示:https://table-react-component.vercel.app/ 主要语言:TypeScript 许可协议:MIT 社区活跃度:1345+ Star,600+ Fork,持续迭代更新 rc-table 是一个为 React 设计的高...
2024-06-08
vuesax一些组件找不到踩坑
祸生于欲得,福生与自禁。——刘向 今天发现vuesax有一些组件用不了了,弄了半天,没办法去github上看了看 发现这个人也是相同问题 https://github.com/lusaxweb/vuesax-next/issues/208 然后翻issue看到一个不继续开发的issue https://github.com/lusaxweb/vuesax-next/issues/297 这里提到 A fork of Vuesax V4 has been created that works with Vue 3 and Nuxt 3. Additionally, the fork includes new components that are not present in V4. I suggest using and contributing to fork instead. Vuesax V4 的一个分支已经创建,可与 Vue 3 和 Nuxt 3 配合使用。此外,该分支还包含 V4 中不存在的新组件。我建议改为使用 fork 并为其做出贡献。 这里跳转过来是一个v...
2025-02-26
JS的线程模型和事件循环机制
生命不是安排,而是追求。——弗吉尼亚·伍尔芙 从线程和浏览器底层执行的角度来看,JavaScript 的延迟/休眠功能是如何实现的呢? 线程模型和事件循环JavaScript 的执行环境(如浏览器或 Node.js)是单线程的,这意味着在任何给定的时间点,只有一个线程在执行 JavaScript 代码。为了管理并发操作,JavaScript 依赖于事件循环(Event Loop)。 事件循环事件循环是一个不断检查和处理消息队列的机制。它会执行以下步骤: 检查调用栈(Call Stack),如果调用栈为空,则继续。 检查消息队列(Message Queue),如果消息队列中有待处理的任务,则取出队首的任务并执行。 重复以上步骤。 宏任务和微任务在事件循环中,有两种类型的任务:宏任务(Macro Task)和微任务(Micro Task)。 宏任务:包括整体脚本执行、setTimeout、setInterval、setImmediate(Node.js)等。 微任务:包括 Promise 的回调、process.nextTick(Node.js)、Mutation...
2025-07-31
NotionNext
世间的很多事物,追求时候的兴致总是要比享用的时候的兴致浓烈。——莎士比亚《威尼斯商人》 https://github.com/tangly1024/NotionNext NotionNext:让你的 Notion 笔记一键变身高颜值博客,创作力爆表!你是否曾梦想过,把平时在 Notion 里整理的笔记、知识库、项目规划,轻松变成一个公开的、高颜值的个人博客?不用折腾服务器、不用敲一行后端代码,只需几步就能让你的内容“闪耀网络”!NotionNext,就是这样一款为创作者量身定制的“神器”,让你的 Notion 内容即刻升级为一个全功能网站! NotionNext 是什么?NotionNext 是一个基于 NextJS 和 Notion API 开发的静态博客系统。它专为 Notion 用户和内容创作者而生,让你可以把自己的 Notion 页面一键部署到 Vercel,秒变个人博客、知识库、作品集,甚至是团队官网! 官网/文档:NotionNext帮助手册 项目地址:tangly1024/NotionNext 主要特性亮点 无缝对接 Notion:只...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog