vue emit on 之兄弟間通訊

event.$emit('eventname',this.msg);

傳送資料，第乙個引數是事件名，第二個引數是傳出的資料

event.$on('eventname',function(msg){}）

接收資料，第乙個引數是事件名，要個$emit的第乙個引數保持一致，第二個是傳入的資料，在方法裡可以將傳入的資料進行操作

首先要建立乙個.js檔案建立乙個vue例項，例如：bus.js

import vue from 'vue'

export var bus = new vue()

然後分別在兩個元件中引入bus.js，乙個用$emit進行輸送

，乙個用$on來接收

例如：itemsmsg.vue中,$emit使用時

import  from './bus.js'

例如：submitmsg.vue中，$on使用時

import  from './bus.js'

vue元件兄弟間通訊

借助於乙個公共的vue的例項物件，不同的元件可以通過該物件完成事件的繫結和觸發 var bus newvue bus.emit bus.on 熊大想要發訊息給熊二 接收方 熊二 事件繫結 bus.on customevent function msg 傳送方 熊大 觸發事件 bus.emit cus...

vue元件兄弟間通訊

四 兄弟元件間通訊 event 借助於乙個公共的vue的例項物件，不同的元件可以通過該物件完成事件的繫結和觸發 var bus new vue bus.emit bus.on 熊大想要發訊息給熊二，接收方 熊二 事件繫結 bus.on customevent function msg 傳送方 熊大 ...

vue的 on 和 emit 兄弟元件間通訊

建立乙個檔案bus.js 在裡面new 乙個vue例項 import vue from vue export var bus new vue 在元件中分別引入，建立的檔案vue例項 import from bus.js 在其中乙個元件中進行傳送 bus.emit steps1tosteps2 在另個...