[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總事件
- vue
- 為什么要學vue
- 數據雙向綁定
- vue指令
- v-bind創建HTML節點屬性
- v-on綁定事件
- v-cloak
- v-text
- v-for和key屬性
- v-if和v-show
- 案例1
- 自定義指令
- vue樣式
- vue生命周期
- vue過濾器
- 自定義鍵盤修飾符
- 跨域請求
- vue組件
- 組件基礎
- 引入vue文件組件
- 引入render函數作為組件
- 兄弟間組件通信
- 組件函數數據傳遞練習
- 路由
- 數據監聽
- webpack
- vue校驗
- vue筆記
- form表單中input前部分默認輸入,切不可修改
- mixins
- 部署到nginx
- scope
- render
- 下載文件
- vue動態組件
- axios
- Promise
- vue進階
- node-vue-webpack搭建
- vue事件
- 插槽
- vuex
- vuex基礎
- vuex命名空間
- HTML遞歸?
- this.$nextTick異步更新dom
- elementui
- table
- 修改element ui樣式
- form
- 優質博客
- vuex state數據與form元素綁定
- es6
- Promise