vue中使用v-on监听多个方法

在 Vue 中使用 `v-on` 指令可以方便地监听事件，并触发对应的方法。如果你想要监听多个方法，有几种实现方式：

1. **将多个方法直接绑定到同一个事件**：你可以在 `v-on` 指令中绑定多个方法，通过逗号分隔。例如：

<button v-on:click="method1, method2, method3">Click me</button>

这样当点击按钮时，`method1`、`method2` 和 `method3` 这三个方法都会被依次执行。

2. **调用一个包含多个方法的父方法**：你可以定义一个包含多个方法调用的父方法，在事件处理中调用该父方法。例如：

<button v-on:click="handleClick">Click me</button>

<script>
methods: {
  handleClick() {
    this.method1();
    this.method2();
    this.method3();
  },
  method1() {
    // ...
  },
  method2() {
    // ...
  },
  method3() {
    // ...
  }
}
</script>

这样当点击按钮时，只需调用 `handleClick` 方法，它会依次调用 `method1`、`method2` 和 `method3` 这三个方法。

3. **使用修饰符 `.stop` 和 `.prevent`**：你可以在事件处理中使用修饰符 `.stop` 和 `.prevent` 来阻止事件冒泡和默认行为，并在事件处理中触发多个方法。例如：

<button v-on:click.stop.prevent="method1(); method2(); method3()">Click me</button>

这样当点击按钮时，会依次触发 `method1`、`method2` 和 `method3` 这三个方法，并阻止事件冒泡和默认行为。

以上是几种在 Vue 中使用 `v-on` 监听多个方法的方式。你可以根据具体情况选择最适合的方式来处理多个方法的监听。