VUE基础03-事件监听

事件监听

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

<button v-on:click="increment">{{ count }}</button>

因为其经常使用，v-on 也有一个简写语法：

<button @click="increment">{{ count }}</button>

完整实例

<script setup>
import { ref } from 'vue'

const count = ref(0)

function increment() {
  count.value++
}
</script>

<template>
  <!-- 使此按钮生效 -->
  <button @click="increment">count is: {{ count }}</button>
</template>