Vue兄弟元件如何傳參

2021-10-13 15:33:32 字數 906 閱讀 9444

通過建立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...