VueJS事件处理器v-on的使用方法

本文介绍了VueJS事件处理器v-on的使用方法,分享给大家,具体如下:

事件监听可以使用 v-on 指令.

v-on:click表达式

HTML:

Vue 测试实例 - 菜鸟教程(runoob.com)

每点一次按钮结果就增加1。

v-on:click调用方法

HTML

Vue 测试实例 - 菜鸟教程(runoob.com)

点击按钮调用greet方法。

v-on:click调用方法传递参数

HTML

Vue 测试实例 - 菜鸟教程(runoob.com)

点击按钮会提示相应的信息。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

相关文章

你知道v-model指令是如何变成组件上的modelValue属性和@upda...
前言 众所周知,当子组件使用setup后,父组件就不能像vue2那...
前言 日常开发时有些特殊的场景需要在非 setup 期间调用inje...
前言 众所周知,vue3的template中使用ref变量无需使用.value...
本文讲了vue3是如何实现编译优化之“静态提升”,静态节点无...
你知道defineEmits 宏函数经过编译后其实就是vue2的选项式AP...