Vue元件傳參的五種方式

2021-10-03 22:25:22 字數 791 閱讀 5648

方法一 props傳參

父元件

我是father元件

" :arr="arr">

子元件

我是son元件

方法二 事件傳遞

父元件

我是father元件

子元件

我是son元件

方法三 事件監聽

父元件

我是father元件

子元件

我是son元件

send1

send2

方法四 訊息發布與訂閱

安裝 pubsub-js 外掛程式: npm i pubsub-js -s 可實現全域性引數傳遞

元件a

我是元件a

傳送

元件b

我是元件b

方法五 eventbus傳參

1.在main.js種掛載全域性eventbus

vue.prototype.$eventbus = new vue()
2.a元件

我是元件a

傳送

3.b元件

我是元件b

通過掛載全域性vue物件傳遞引數。

vue中8種元件傳參方式

vue是資料驅動檢視更新的框架,所以對於vue來說元件間的資料通訊非常重要,那麼元件之間如何進行資料通訊的呢?首先我們需要知道在vue中元件之間存在什麼樣的關係,才更容易理解他們的通訊方式,就好像過年回家,坐著一屋子的陌生人,相互之間怎麼稱呼,這時就需要先知道自己和他們之間是什麼樣的關係。vue元件...

vue元件傳值的五種方式

方法一 props傳參 父元件1.2.3.我是father元件 4.9.arr arr 10.11.12.子元件 1.2.我是son元件 3.4.方法二 事件傳遞 父元件1.2.3.我是father元件 4.5.6.8.子元件 1.2.3.我是son元件 4.5.7.方法三 事件監聽 父元件1.2....

vue元件穿方法 Vue 元件傳參的八種方式總結

vue 元件的使用不管是在平常工作還是在面試面試中,都是頻繁出現的。因此系統的梳理一下元件之間的傳參還是非常有必要的 一 props 傳參 子元件定義 props 有三種方式 第一種陣列方式 props 第二種物件方式 props 第三種物件巢狀物件方式 props 複製 第三種物件預設支援 4 種...