Vue 事件处理

• 内联事件处理

<button @click="num++">ADD{{num}}</button>

• 通过方法处理

<button @click="popWindow">PopWindow</button>
methods: {
    popWindow() {
        this.showPop = true;
    }
}

• 访问原始 DOM 事件
  方法不含有参数可以直接访问 event 对象

  <button @click="popWindow">PopWindow</button>
  methods: {
      popWindow(event) {
          console.log(event);
      }
  }
  

  方法含有参数，通过$event 传入

  <button @click="warn('msg',$event)">Warn</button>
  methods: {
      warn(msg, event) {
          console.log(msg, event)
      }
  }
  <button @click="popWindow($event)">PopWindow</button>
  methods: {
      popWindow(event) {
          console.log(event);
      }
  }