⼆、Vue基础语法学习笔记——事件监听v-on、条件判断（v-if、v-el-if、v。
。。
v
四、事件监听
tingshuo在前端开发中，我们需要经常和⽤于交互。
这个时候，我们就必须监听⽤户发⽣的时间，⽐如点击、拖拽、键盘事件等等
在Vue中如何监听事件呢？使⽤v-on指令
v-on介绍
作⽤：绑定事件监听器
cool是什么意思英文
缩写：@tomato的音标
预期：Function | Inline Statement | Object
参数：event
下⾯，我们就具体来学习v-on的使⽤。
1.v-on基础
这⾥，我们⽤⼀个监听按钮的点击事件，来简单看看v-on的使⽤
下⾯的代码中，
我们使⽤了v-on:click="counter++”
另外，我们可以将事件指向⼀个在methods中定义的函数
注：v-on也有对应的语法糖：
v-on:click可以写成@click
2.v-on参数
当通过methods中定义⽅法，以供@click调⽤时，需要注意参数问题：
情况⼀：如果该⽅法不需要额外参数，那么⽅法后的()可以不添加。
公输翻译但是注意：如果⽅法本⾝中有⼀个参数，那么会默认将原⽣事件event参数传递进去
phonesuite情况⼆：如果需要同时传⼊某个参数，同时需要event时，可以通过$event传⼊事件。
cssk
3.v-on修饰符
在某些情况下，我们拿到event的⽬的可能是进⾏⼀些事件处理。Vue提供了修饰符来帮助我们⽅便的处理⼀些事件：
1. stop - 调⽤ event.stopPropagation()。
maken
2. prevent - 调⽤ event.preventDefault()。
sidekick3. {keyCode | keyAlias} - 只当事件是从特定键触发时才触发回调。
4. native - 监听组件根元素的原⽣事件。
5. once - 只触发⼀次回调。
caca
