computed 、created 、mounted先后順序

1.computed 、created 、mounted 的先后順序

• created => computed => mounted

2.父子組件生命周期執(zhí)行順序?

• 頁面初始化時： 父beforeCreate -> 父created -> 父beforeMount ->子beforeCreate -> 子created ->
• 子beforeMount -> 子mounted-> 父mounted
• 頁面銷毀時： 父beforeDestroy -> 子beforeDestroy ->子destroyed->父 destroyed
• 銷毀時也是子組件要先于父組件銷毀

3.頁面跳轉(zhuǎn)的生命周期執(zhí)行順序

• 舊頁面跳轉(zhuǎn)到新頁面： 新頁面created > 新beforeMount > 舊beforeDestroy > 舊：destroyed > 新mounted

4.computed 、watch、created 、mounted 的先后順序

• immediate 為false時： created => computed => mounted => watch
• immediate 為true時： watch =>created=> computed => mounted

mounted和created在頁面加載過程只執(zhí)行一次，computed和watch是用來監(jiān)聽值發(fā)生變化的

VUE中的mounted和created在頁面加載過程只執(zhí)行一次，computed和watch是用來監(jiān)聽值發(fā)生變化的

今天在做項目的時候，發(fā)現(xiàn)重新打開頁面，傳給子組件的值，會被監(jiān)聽到，但是在打開頁面之后，再做操作就會發(fā)現(xiàn)監(jiān)聽不到里面的值。后來把值的監(jiān)聽放到watch方法中，終于監(jiān)聽到了。

后來去官網(wǎng)進行查詢，重新熟悉了一下VUE的生命周期

發(fā)現(xiàn)

VUE中的mounted和created在頁面加載過程只執(zhí)行一次，computed和watch是用來監(jiān)聽值發(fā)生變化的

長個記性

總結(jié)

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

最新評論