色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

vue emit實現原理

李中冰1年前8瀏覽0評論

Vue框架中的核心是數據雙向綁定, 如何實現父組件和子組件之間的通信也是非常重要的。在 Vue中,我們可以通過 emit() 方法來實現自定義事件的觸發與監聽,來實現組件之間的通信。

在這個過程中,event bus是不如emit()方法的。因為使用event bus需要創建vue實例以及綁定事件到該實例上,還需要在子組件銷毀時解綁。而emit()方法則不需要這些操作。

emit()方法本質是 Vue 中的自定義事件。當一個事件被觸發時,on()方法中的事件回調會被觸發執行。emit()方法需要接收兩個參數,第一個參數是自定義事件名,第二個參數是要在事件回調中,傳遞給回調函數的內容。

// 父組件代碼// 子組件代碼

在上述代碼中,父組件通過在子組件上綁定一個自定義事件 @name-change,來監聽子組件觸發 name-change 事件的時刻并在子組件觸發該事件時執行 showNewName 方法。

同時,子組件也是通過 $emit 方法來觸發自定義事件 name-change 的,并將新的名字傳遞給用戶,這樣父組件在接收到該名字參數之后,就可以執行相應的方法了。

總結而言,Vue的emit()方法充分發揮了自定義事件與雙向綁定的特點,實現子組件的任意傳遞參數以及隨時響應的要求,從而實現了Vue中組件間的無縫通信。