前言

成都創(chuàng)新互聯(lián)從2013年創(chuàng)立，先為原州等服務建站，原州等地企業(yè)，進行企業(yè)商務咨詢服務。為原州企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務解決您的所有建站問題。

組件化應用構建是Vue的特點之一，因此我們在Vue的實際開發(fā)過程中會經(jīng)常需要封裝自定義組件，以提高開發(fā)的效率。 而組件在大部分情況下并不會孤立的存在，它必然會與父組件和兄弟組件產生數(shù)據(jù)的交互。所以在這里為大家總結兩種組件數(shù)據(jù)交互的方式：EventBus和利用Vuex框架進行狀態(tài)管理。

我會通過兩種不同的交互方式，它們對于父子組件間數(shù)據(jù)交互和兄弟組件間數(shù)據(jù)交互。

由于篇幅關系，本文主要介紹EventBus進行數(shù)據(jù)消息傳遞；關于運用Vuex框架進行狀態(tài)管理在下一篇文章中介紹。

案例介紹

本章節(jié)會有大量的代碼示例，為了讓讀者閱讀輕松，做如下目錄和組件介紹。本章節(jié)主要運用了兩個子組件和一個父組件。

子組件文件名：SearchInput.vue 和 SearchItem.vue

父組件文件名：StateView.vue

目錄結構展示：

1、SearchInput.vue

組件介紹：一個輸入框，它會onInput方法去監(jiān)聽輸入內容，并調用方法，將輸入框內的數(shù)據(jù)傳遞出去。

代碼展示：

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

本文題目：VueEventBus自定義組件事件傳遞-創(chuàng)新互聯(lián)
網(wǎng)頁地址：http://weahome.cn/article/hiocd.html