vue事件，自定义参数及事件修饰符和按键修饰符

<template>
  <div>
    <p> {{number}} </p> 
    <button @click="add1">+1</button>
    <!-- 有自定义参数时，我们如何传递envent ,自定义参数 -->
    <button @click="add2(2 ,$event)">+2</button> 
  </div>

</template>

<script>
export default {
  data: {
    return {
      number: 0,
    }
  },
    methods: {
     add1(event) {
      console.log('event',event.__proto__.constructor); //event 是原生的
      console.log(event.target); // 挂载在哪个元素上
      console.log(event.currentTarget); // 在哪个元素触发的
      this.number ++ 
    },
    add2(val,event) {
      console.log(event.target);
      this.number = this.number + val
        },
    }
 
}
</script>