https://www.bilibili.com/video/BV15741177Eh?p=30
在前端开发中,我们需要经常和用户交互。
这个时候,我们就必须监听用户发生的时间,比如点击、拖拽、键盘事件等等
在Vue中如何监听事件呢?使用v-on指令
v-on介绍
作用:绑定事件监听器
缩写:@,注意后面不用加冒号,直接@加动作,比如@click
预期:Function | Inline Statement(内部表达式) | Object
参数:event
下面,我们就具体来学习v-on的使用。
这里,我们用一个监听按钮的点击事件,来简单看看v-on的使用
下面的代码中,我们使用了v-on:click="counter++”
另外,我们可以将事件指向一个在methods中定义的函数
image.png
注:v-on也有对应的语法糖:
v-on:click可以写成@click
image.png