vue實現全域性資料傳輸

2021-10-23 20:48:29 字數 655 閱讀 8014

vue中的資料傳輸大致分為三種:父元件向子元件傳遞資料、子元件向父元件傳遞資料、和非父子關係的元件之間的資料傳遞。

在這裡所要講的是沒有父子關係的元件之間的資料傳遞,用傳統的ajax實現較為麻煩。所以採用新建vue例項實現匯流排/全域性傳遞資料。

一、使用:

1、首先,在static路徑下建立個js資料夾,裡面建立乙個eventbus.js檔案

import vue from 'vue'

export const eventbus = new vue()

2、在需要的兩個元件裡引入eventbus

import  from '../../../../static/js/eventbus'
3、傳資料

注意:最好在destroyed裡發起資料傳輸。

destroyed() ,
4、獲取資料

注意:最好在created裡進行資料獲取

created() )

eventbus.$on('click1',(list) => )

},

相對於傳統資料傳輸,這樣更為簡便,易上手。

vue資料傳輸排坑

在專案開發中忽略了乙個問題,導致資料不能傳輸報錯。商品goods元件要傳遞需要的資料給購物車shopcart元件 shopcart元件也定義了props來接受父元件goods傳來的資料 為什麼會報錯呢,shopcart元件儘管定義了props來接受父元件的seller相關資料,goods元件也繫結了...

Vue中元件的資料傳輸

在html標籤中使用ref標籤來引用資料 html部分 handleclick ref click1 p vue元件部分 handleclick function 父元件向子元件傳遞資料採用屬性引用的方式,vue採用單向資料流的方式,子元件直接改變父傳過來的屬性時可能會報錯。通過事件觸發監聽傳遞 h...

C SFTP資料傳輸

我們有些客戶公司的資料比較重要,為了安全集團公司內部都使用的是區域網,但是有時候又不得不予外界網際網路做資料互動,所以有些不重要的系統是放在外界網際網路的,這樣以來內部系統和外部系統的資料互動就成為了問題,這樣以來就使用到了sftp伺服器來作為資料傳輸的中介。下面不說了,直接上c 此處使用了第三方動...