vue鈎子函數的妙用之“created()和activated()”


一、created()

在創建vue對象時,當html渲染之前就觸發;

但是注意,全局vue.js不強制刷新或者重啟時只創建一次,

也就是說,created()只會觸發一次;

 

二、activated()

在vue對象存活的情況下,進入當前存在activated()函數的頁面時,一進入頁面就觸發;可用於初始化頁面數據等

也就是說activated每次進頁面都刷新,

所以一般查詢列表、刷緩存的方法 要寫在activated中,

就是為了數據刷新,不然編輯或其他操作后返回 數據不刷新 

vue中keep-alive和activated需要相互搭配使用,keep-alive可能會封裝,我們封裝到component: RouteView  這個布局中,只有使用才會生效 

具體測試可以參考:https://blog.csdn.net/qq_38861711/article/details/98185106

三、案例

沒必要刷新的,就放上面created()

需要刷新的,就放到下面activated()

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM