第四章处理用户交互

华而有识

于 2022-10-04 12:35:11 发布

阅读量179

点赞数

分类专栏： vue.js 3 前端开发实战文章标签：前端 javascript

本文链接：https://blog.youkuaiyun.com/FrontEndEngineer/article/details/127151937

版权

vue.js 3 前端开发实战专栏收录该内容

8 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文详细介绍了Vue中事件监听与处理的方法，包括事件监听、事件捕获与冒泡、事件修饰符如`capture`、`stop`、`once`的使用。还探讨了Vue中的事件类型，如按键修饰符，包括鼠标按键和键盘按键修饰符，以及系统按键修饰符如`ctrl`、`alt`、`shift`、`meta`的配合使用。最后提到了`exact`修饰符确保精确匹配系统修饰键。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

4.1 事件的监听与处理
事件监听的用法：
可以直接将要执行的逻辑代码放入@click赋值的地方

<button @click="this.count+=1">点击</button>

可以用$event传递系统的Event对象参数

<button @click="click(2,$event)">点击</button>

click(step,event){
   console.log(event)
   this.count+=step
}

多事件处理：

了解本专栏

超级会员免费看

第四章 处理用户交互

第四章处理用户交互