vue busパラメータ

2418 ワード

新しいjsファイルをbusと名付けます.js.bus.jsファイルの内容は:
import Vue from 'vue'
const bus = new Vue()
export default bus 

ページvueは2つのコンポーネントa.vueとb.vue a.vueを含む1つのイベントを実行し、b.vueまたはb.vueにデータを転送して1つのイベントを実行し、a.vueにデータを転送する例:a.vueはイベントを実行してb.vueにデータを転送する:まず、a.vueとb.vueでそれぞれbusを導入する.js次に:情報を送信する:
import bus from '@/utils/bus'

a.vue実行イベント($emitパブリッシュコマンド)最初のパラメータはフラグ変数、2番目のパラメータは通信値
aClick(item){
	bus.$emit('tellB',item)
}

受信情報:
import bus from '@/utils/bus'

b.vue受信イベント($on受信コマンド)最初のパラメータはフラグ変数であり、2番目のパラメータのitemは通信の値である
bus.on('tellB',item => {
	//      
})

最後に破棄する
destroyed(){
	bus.$off('tellB') //                   ,$on                      
}