【Vue】$emit / $on－凱開 x 慵懶日子

印象中好像問了Q毛好多次，還是自己記一下好了

使用 $on(eventName) 監聽事件
使用 $emit(eventName) 觸發事件

var bus = new Vue();

//在A組件，觸發事件

bus.$emit('test_event');

//在B組件，監聽事件

bus.$on('test_event', function(){

//do something

});

--- 做法 ---

先產一個檔案eventBus.js

import Vue from "vue"
export default new Vue;

在兩個不同地方

import bus from "../eventBus.js"

再寫好觸發事件跟監聽事件，goodgood

Kaikai凱開

凱開 x 慵懶日子

Kaikai凱開發表在痞客邦留言(0) 人氣()

E-mail轉寄

凱開 x 慵懶日子