我們在做后台管理系統時,通常將數據請求掛載到created或mounted鈎子中,但這樣引發的問題是它只會被出發一次,如果不同菜單中數據關聯性較大,切換過程中未及時更新數據,容易引發一些問題,這種情況下,我們可以使用activated函數。
以下為created()/mounted()與activated()區別:
created()/mounted():在創建vue對象時,當html渲染之前/之后就觸發;但是注意,全局vue.js不強制刷新或者重啟時只創建一次,也就是說,created()/mounted()只會觸發一次;
activated():在vue對象存活的情況下,進入當前存在activated()函數的頁面時,一進入頁面就觸發;可用於初始化頁面數據等。