簡單高效的組件間通信方法

組件間利用事件來進行通信

組件A完成一件事情後,出發事件e,然後在組件B的created方法中增加一個對事件e的監聽方法,具體代碼如下。
創建一個bus.js文件

import Vue from 'vue'
export default new Vue;

組件A觸發事件

import Bus from '../common/bus'
Bus.$emit("query");

組件B監聽事件,並添加處理方法

import Bus from '../common/bus'
created() {
        Bus.$on("query",this.handleData);
 },
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章