前兩天用vue寫了點(diǎn)東西畜晰，需要在兩個(gè)組件中通信颂斜，因?yàn)檫€沒有研究vuex录淡，并且只是簡(jiǎn)單的通信傳值，也沒必要麻煩vuex大大庸论。所以就慢慢研究。在這里小記一下
搭建vue環(huán)境可以去看我的另一篇文章鏈接
那么既然說到組件通信必然是要有組件的棒呛，這里先簡(jiǎn)單搞一下組件
首先我們來看一下目錄樹聂示，這里我新建了一個(gè)叫做views的文件夾，里面用來存放我們的各種組件
以選中的inhours.vue為例簇秒，組件格式和普通的文件一樣
在我們需要引入這個(gè)組件的頁面里面我們這樣寫鱼喉，三個(gè)位置，缺一不可趋观，自定義標(biāo)簽的名字與下面import和components的名字必須保持一致扛禽，多個(gè)組件的話在components中用逗號(hào)隔開，這樣一個(gè)組件就被我們引入進(jìn)來了
按照上面的方法我們創(chuàng)建兩個(gè)兄弟組件開始今天的主題
一拆内、我們想要在兩個(gè)兄弟組件之間通信旋圆，需要一個(gè)中間的橋梁，那么這個(gè)橋梁我們?cè)谶@里叫他eventbus麸恍，我們選擇在src/assets中新建他灵巧，他是長(zhǎng)這個(gè)樣子的
二、定義橋梁之后我們首先要在我們創(chuàng)建的這兩個(gè)組件中引入他們
三抹沪、兩個(gè)組件建立完了刻肄，就要開始通信了，這里要用到的是? bus.$emit() 和 bus.$on() 融欧，這里的bus是你在組件中import的名字敏弃，后面跟的方法，前者是發(fā)送數(shù)據(jù)噪馏，后者是監(jiān)聽也就是接受數(shù)據(jù)麦到，那么我們就可以這樣寫
在發(fā)送頁面
上面的sendMsg函數(shù)我們選擇讓他自執(zhí)行，然后在接收頁面寫在created鉤子中欠肾，當(dāng)然這里只是為了demo效果瓶颠，你可以選擇放在自己需要的地方，圖中箭頭所指的名稱必須保持一致刺桃，這樣我們就可以看到傳過來的信息了
