Vue3 方法调用

方法使用

我们可以使用 v-on 指令来监听 DOM 事件，从而执行 JavaScript 代码。

v-on 指令可以缩写为 @ 符号。

语法格式

v-on:click="methodName"
或
@click="methodName"

方法调用

<script setup>

const counter = ref(0)

</script>

<template>

<button @click="counter += 1">增加 1</button>
<p>这个按钮被点击了 {
  { counter }} 次。</p>

</template>

通常情况下，我们需要使用一个方法来调用 JavaScript 方法。

v-on 可以接收一个定义的方法来调用。

<script setup>

const name &#