vue 事件派發和監聽 (兩種方法)

2021-09-01 13:01:33 字數 572 閱讀 4282

事件派發:

// 自定義事件

const event = new customevent("twoalarm",

})

好的 這個時候 你就可以一勞永逸了,在任何元件都可以呼叫事件發射 接受的方法了.

如何獲取到這個空的vue物件 eventhub呢.在元件裡面直接呼叫這個

某乙個元件內呼叫事件觸發?

//通過this.$root.eventhub獲取此物件

//呼叫$emit 方法

this.$root.eventhub.$emit('your_event_name', yourdata)

另乙個元件內呼叫事件接受,當然在元件銷毀時接觸繫結,使用$off方法?

this.$root.eventhub.$on('your_event_name', (yourdata)=> )

angularjs資料監聽的兩種方法

console.log scope.inputtxt 監聽模型資料的值的變化 scope.watch inputtxt function nv,ov 使用angularjs內建的watch方法監聽作用域 scope上的值 如果值發生變化就會監聽到有新的值 也就是nv 這種方法適用於變數沒有在sco ...

監聽window視窗變化的兩種方法

根據視窗變化,改變頁面展示需求還是很常見 如自適應 echarts自適應問題 以在vue中的使用舉例 一 方法介紹 方法一 使用window的onresize屬性 window.onresize reportwindowsize 1 mounted註冊事件 mounted 300 2 befored...

vue移除window視窗監聽事件兩種方法

例子 頁面視窗變化時,echarts繪製的檢視需要resize 這時需要監聽window,但是當元件消耗時也需要移除視窗監聽事件。涉及到的data資料和methods data data methods chartresize 500 第一種方法 在beforedestroy鉤子函式裡銷毀 moun...