vue @click的常用方法

点击事件的常用方法

**v-on click 简写是@click**

**点击事件的常见的几种使用方法(在vue中)：**

​            1.prevent：阻止默认事件（常用）；

​            2.stop：阻止事件冒泡（常用）；

​            3.once：事件只触发一次（常用）；

​            4.capture：使用事件的捕获模式；

​            5.self：只有event.target是当前操作的元素时才触发事件；

​            6.passive：事件的默认行为立即执行，无需等待事件回调执行完毕；



handleShow 不加上（）默认接受到的参数就是$event这个事件的全部内容

在methods中就可以看到hanelShow(param){

​       console.log(param)

}

看到的就是event里面的信息

handleShow加上（）且里面有传值的话 ：如 handleShow(aa)

在methods中就可以看到hanelShow(param){

​       console.log(param)

}

输出得到的就是aa，如果还想要event事件的话，那么就需要在加上这个参数：

handleShow(aa,$event)

methods中接收的话，就的是两个参数了

handleShow(param1,param2){

​    console.log(param1)

​    console.log(param2)

}

param1 就是 aa，param2就是event