vue bus的使用


vue中的bus事件,一般作為中央事件總線來使用

簡單例子:比如在A,B組件為兄弟組件,現在A要調用B的中C事件

1.創建一個bus.js

內容:

import Vue from 'vue'

const Bus = new Vue()

export { Bus }

2.在A,B組件中引入bus.js

import { Bus } from 'bus'

3.在A組件中定義要調用B事件的bus事件名

例如:Bus.$emit('callC')

4.在B組件中調用C方法

Bus.$on('callC',this.C)

Bus.$on里有兩個參數,第一個是在A組件定義的名字,第二個參數是B組件要調用的方法

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM