本篇文章主要介绍了VueJS事件处理器v-on的使用方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
本文介绍了VueJS事件处理器v-on的使用方法,分享给大家,具体如下:
事件监听可以使用 v-on 指令.
v-on:click表达式
HTML:
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title> <div id="app"> <button>增加 1</button><p>这个按钮被点击了 {{ counter }} 次。</p></div>
每点一次按钮结果就增加1。
v-on:click调用方法
HTML
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title> <div id="app"> <!-- `greet` 是在下面定义的方法名 --><button>Greet</button></div>
点击按钮调用greet方法。
v-on:click调用方法传递参数
HTML
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title> <div id="app"> <button>Say hi</button><button>Say what</button></div>
点击按钮会提示相应的信息。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持gaodaima搞代码网。
以上就是Vu本文来源gaodai$ma#com搞$代*码*网eJS事件处理器v-on的使用方法的详细内容,更多请关注gaodaima搞代码网其它相关文章!