前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。
1、定義一個中間??eventBus.js??,只有 2 行代碼,用于傳參:
// 此頁面是vue 巴士,用于兄弟組件間通信
import Vue from 'vue'
export default new Vue()
2. 在要傳參和接收參數的各個兄弟組件中引入這個 js :
// 巴士:用于兄弟組件間傳值
import bus from "../../../../../static/base/eventBus.js";
3. 參數 傳出:
// 傳參到兄弟組件:queryBtn。queryParamMap是參數,可以傳多個參數,用逗號分隔
// bus.$emit("監聽的事件名", 參數);bus.$emit("queryParam", queryParamMap);
4. 接收:( 可同時多個兄弟組件接收。?)
bus.$on("queryParam", queryParamMap => {...}
這樣就可以了。