Vue事件处理详解

监听事件基础

Vue提供了v-on指令（简写为@）来监听DOM事件，并在事件触发时执行相应的JavaScript代码。基本用法有两种形式：

• 完整语法：v-on:click="handler"
• 简写语法：@click="handler"

事件处理器（handler）有两种类型，适用于不同场景：

内联事件处理器

内联事件处理器是指事件触发时直接执行的JavaScript语句，类似于原生HTML中的onclick属性，适合处理简单逻辑。

示例：

// 定义响应式变量
const count = ref(0)

<!-- 点击按钮时直接执行