⼆、Vue基础语法学习笔记——事件监听v-on、条件判断（v-if、v-else-if、v。
。。
四、事件监听
在前端开发中，我们需要经常和⽤于交互。
这个时候，我们就必须监听⽤户发⽣的时间，⽐如点击、拖拽、键盘事件等等
在Vue中如何监听事件呢？使⽤v-on指令
v-on介绍
作⽤：绑定事件
缩写：@
预期：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参数传递进去
情况⼆：如果需要同时传⼊某个参数，同时需要event时，可以通过$event传⼊事件。
3.v-on修饰符
在某些情况下，我们拿到event的⽬的可能是进⾏⼀些事件处理。Vue提供了修饰符来帮助我们⽅便的处理⼀些事件：htmlradio添加切换事件
1. stop - 调⽤ event.stopPropagation()。
2. prevent - 调⽤ event.preventDefault()。
3. {keyCode | keyAlias} - 只当事件是从特定键触发时才触发回调。
4. native - 监听组件根元素的原⽣事件。
5. once - 只触发⼀次回调。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。