vue 键盘事件_Vue之 von指令

阅读本文约需要5分钟

大家好，我是你们的导师，我每天都会在这里给大家分享一些干货内容(当然了，周末也要允许老师休息一下哈)。上次老师跟大家分享了VUE 之 项目性能优化的知识，今天跟大家分享下Vue之 v-on指令的知识。

1 对路由组件进行懒加载 v-on: 事件绑定 给元素进行事件绑定，需要通过v-on:指令实现. 事件类型：

鼠标事件：onclick ondblclick onmouseenter onmouseleave onmouseover onmousedown等等键盘事件：onkeyup onkeydown onkeypress 等等

(一)语法：

<标签 v-on:click="事件处理函数名" >标签>简写形式(v-on: 指令可以简写成 @)<标签 @click="事件处理函数名" >标签>     // 推荐使用

在vue中声明事件处理函数

(二)参数： 有时，根据业务要求，事件方法需要传递参数，形式有如下3种: 如果传递就使用传递的(有传递实参) 如果没有声明() ，形参就是“事件对象” 如果声明(),还没有传递实参，形参就是undefined 绑定事件处理函数并传参：

(三)事件操作数据信息 methods中的事件方法如果需要操作vue实例的data数据，可以通过this关键字调用，this代表vue实例对象，这个对象可以对本身的许多成员进行调用。

因此给vue的methods对象声明成员可以这样：

参考：https://blog.csdn.net/weixin_43595461/article/details/89425545

今天就分享这么多， 关于 VUE 之 v-on指令， 你 学会了多少？欢迎在留言区评论，对于有价值的留言，我们都会一一回复的。如果觉得文章对你有一丢丢帮助，请点右下角【在看】，让更多人看到该文章。