通過建立eventbus,如bus.js,事實上是實現乙個簡單的vuex,狀態(事件)bus。把事件裝到bus上實現元件間通訊。
你可以在需要的地方引入這個bus,也可以全域性引入新增進vue裡面。
下面是eventbus.js檔案中的內容
import vue from
'vue'
;export
default
newvue()
;
在main中全域性引入
import eventbus from
'./eventbus.js'
vue.prototype.eventbus = eventbus;
//這樣就可以this.eventbust來使用
你也可以只在你需要的地方引入
這樣就不用加this了,但是需要多引入幾次(至少兩次)
依靠兩個事件emi
t和
emit和
emit
和on,很簡單。
$e mi
t是發出
引數的組
件需要的
,emit是發出引數的元件需要的,
emit是發
出引數的
元件需要
的,on是接收引數的元件需要的,具體如下。
this
.eventbus.
$emit
("key"
, value)
;//函式體
this
.eventbus.
$on(
"key"
,(value)
=>
);
這樣就可以兄弟元件傳參了。
參考文章:
vue父傳子 子傳父 兄弟元件傳參
父元件 class fathertheson box lists 今晚打老虎 fathertheson import fathertheson from page father the son export default 子元件 p export default 1.先在父元件引入子元件 impo...
vue 元件傳參
我們通常把路由直接對映 繫結 的元件稱為 路由元件,也只有路由元件才能直接呼叫路由有關物件 router route 當我們乙個元件即希望作為路由元件使用,又可能作為功能元件 某個頁面中的一部分 去使用,這個時候路由元件傳參的方式來做到這點 1.父元件向子元件傳遞引數 還可以傳遞函式 props 父...
vue元件傳參
負值元件的定義有兩種,我稱為常規父子元件和特殊父子元件。1.1 常規父子元件 將其他元件以import引入用自定義標籤接收,在當前元件中component裡註冊該標籤,頁面上可以直接用 自定義標籤 引入子元件 註冊子元件 使用子元件 1.2 特殊父子元件 在路由中定義好元件,元件中含有childre...