一些vue中你不知道的開發(fā)小技巧
1.監(jiān)聽生命周期Hook
父組件監(jiān)聽子組件內(nèi)部的生命周期
在子組件中自定義一個名為hook的方法后面接要監(jiān)聽的生命周期,當子組件觸發(fā)指定生命周期鉤子函數(shù)時就會觸發(fā)父組件中的自定義方法丽惭。
當然你也可以說可以通過$emit去通知父組件定欧,這種方式只適用于子組件是自定義的,當引用第三方組件時想使用$emit只能去修改組件庫中的源碼了聚请,hook就可以很簡單的就解決這個問題荠雕。
除了監(jiān)聽子組件中的生命周期之外,hook也可以監(jiān)聽當前組件的生命周期驶赏,如圖:
我再mounted中調(diào)用一個定時器炸卑,當頁面銷毀時我們可以在beforeDestroy生命周期中去銷毀這個定時器,通過$once(只監(jiān)聽一次)煤傍,$on(持續(xù)監(jiān)聽)可以在mounted中監(jiān)聽其他的生命周期盖文,這樣咱們的邏輯代碼可以放在一個位置就不至于混亂而且還高大上有沒有。