VUE兄弟傳值方法 eventBus

建立乙個js檔案  eventbus.js

import vue from 'vue'const eventbus = new

vue()
export 
default eventbus

使用時 在 要使用的元件中 import 引入 eventbus.js

使用 $emit 傳遞自定義方法和引數  就和 子元件傳父元件一樣

如下 傳了乙個自定義方法 additem  和引數  inputvalue

eventbus.$emit('additem', this.inputvalue)

在要接收的兄弟元件中同樣引入 eventbus.js

觸發自定義方法 additem  同時觸發自身的方法 handleevent

eventbus.$on('additem', this.handleevent)

handleevent 中的引數即是之前 傳遞的引數 inputvalue

handleevent (value)

這樣即完成了兄弟元件間的傳值  

ps： 為什麼我感覺沒有vuex好用呢

vue兄弟元件間傳值

舉例子說明，乙個元件中是input，監聽輸入的內容，在另乙個元件的div中顯示出來 首先在assets中建立個事件匯流排js檔案eventbus.js，檔案中的 如下 import vue from vue export default new vue 然後建立元件 inputcomponent，匯...

vue兄弟元件間傳值

可以用過乙個vue例項bus作為媒介，要相互通訊的兄弟元件之中，都引入bus，之後通過分別呼叫bus事件觸發emi t和監聽 emit和監聽 emit和監 聽on來實現元件之間的通訊和引數傳遞，類似window的全域性自定義事件。類似與子傳父，只不過是利用乙個新的vue示例作為媒介，而不是當前vue...

VUE中兄弟元件傳值

方法1 元件2 傳值給 父元件 然後在傳值給 元件1 方法2 使用乙個新vue例項上的 on 和 emit on的解釋 父元件 width 100vw height 100vh padding 100px box sizing border box parent child1 child 子元件1這...