[TOC] ## 1. `@click`绑定的函数，如何同时传入事件对象和自定义参数 ### 1.1 默认传入事件对象 当调用函数的时候，不指定实参，默认接收事件对象 ``` <template> <button @click="click">传参</button> </div> <router-view /> </div> </template> methods: { click(event) { console.log("点击啦" + event) } }, ```  ### 1.2 显式传入参数 如果显式传参，并且方法只有一个参数，那么参数会覆盖掉event ``` <button @click="click1('dd')">指定传参</button> click1(data) { console.log("点击啦" + data) } ```  ### 1.3 传入指定参数和event `$event`表示事件对象 第二个以后参数传参 ``` <button @click="click1($event,'dd')">指定传参</button click1(evevnt,data) { console.log("点击啦" + evevnt,data) } ``` 输出 ``` 点击啦[object MouseEvent] dd ``` ## 2. bus总事件