热门：华为支持参数分辨率解决方法控制属性启动升级错误平台推荐步骤模式查询运行空间文件夹鼠标图标重启激活联想检查状态应用程序

使用v-on指令来监听DOM事件

2023-04-11 23:26:09

使用v-on指令来监听DOM事件
我们可以使用 v-on 指令来监听 DOM 事件，从而执行 JavaScript 代码。
 
v-on 指令可以缩写为 @ 符号。
 
语法格式：
 
v-on:click="methodName"
或
@click="methodName"
v-on
<div id="app">
  <button @click="counter += 1">增加 1</button>
  <p>这个按钮被点击了 {{ counter }} 次。</p>
</div>
 
<script>
const app = {
  data() {
    return {
      counter: 0
    }
  }
}
 
Vue.createApp(app).mount('#app')
</script>
指令事件缩写语法执行监听

推荐阅读