我们可以使用 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>