vue2怎么绑定多个点击事件

在Vue.js 2.x中，你可以通过`v-on`指令来绑定一个元素到多个点击事件上。这里有两个常见的方法：

1. **直接绑定多个事件处理函数**：

   <button @click="onClick1" @click="onClick2">点击我</button>

这样，每次按钮被点击，两个事件处理器`onClick1`和`onClick2`都会被执行。

2. **利用数组或对象形式**，尤其是当需要动态添加或删除事件时：

   <button v-for="(event, index) in eventList" :key="index" @click="event.handler">
     点击{{ event.name }}
   </button>

在JavaScript中创建一个对象数组：

   data() {
     return {
       eventList: [
         { name: '第一件事', handler: this.firstAction },
         { name: '第二件事', handler: this.secondAction }
       ]
     }
   },
   methods: {
     firstAction() {
       // ...
     },
     secondAction() {
       // ...
     }
   }

这样每个`event`对象都有一个`handler`属性指向相应的事件处理器。