父元件->子元件：通過props接受父傳遞資料

子元件->父元件：通過$emit建立自定義事件傳送資料

步驟1：子建立自定義事件通過語法this.$emit(事件名稱,資料1,...,資料n)

 1 // 簡單理解：頁面載入完畢 -> 元件渲染完畢會觸發下面這個鍵
 2     mounted() {  //
 
相當於window.onload
 3         // 在這裡面建立自定義事件
 4         this.$emit("getSonData", this.myName2)
 5     },
 6     
 7     //點選給父傳送   定義子普通方法
 8     methods:{
 9         getSonData(){
10              this.$emit("getSonData", this.myName2)
11         }
12     }

步驟2：父呼叫事件獲取資料父必須在呼叫子的元件上觸發事件@自定義事件="函式名"

1  <子元件  @自定義事件名='父普通方法' >     </子元件> 

1  ​    // 宣告父普通函式
2     methods: {
3         showSonDataFn(data) {
4             //data就是 子傳送的資料
5             this.mySonData = data //儲存資料
6         }
7     },

留心1：子什麼時候建立自定義事件

兄弟元件：通過EventBus（事件匯流排）

1  const eventBus = new Vue() // 相當於建立一個元件資料共享中心
2  
3 
4  ​傳送資料： eventBus.$emit(自定義事件名稱，資料1，....，資料n)
5  接受資料： eventBus.$on(自定義事件名稱，處理函式)