1、Vue生命周期執(zhí)行順序1介紹vue每個組件都是獨(dú)立的，每個組件都有一個屬于它的生命周期。從一個組件的創(chuàng)建、掛載、更新、銷毀，這就是一個組2生命周期圖本圖來源于vue官網(wǎng)NOwhenYESvm.$mount(el)Iscalledbfort?MourrtCroatsvrn,$GlandreplaceerwithItmounted(beforeUpdatebeforeDestroywhnvm.$detroyQiscalledVirtualDOMre-renderandpatchTeardownwatchers,childcomponent$andeventlistenersdestroyedtem

2、platecompilationisperformedahead-obtimeifusingabuildstep,eg.single-filecomponentsvue生命周期圖.png3單組件執(zhí)行順序進(jìn)入頁面默認(rèn)會自動執(zhí)行beforeCreate-created-beforeMount-mountedbeforeCreate:在執(zhí)行該函數(shù)時，$el、$data、methods、computed在this中【無法獲取】created:在執(zhí)行該函數(shù)時，$data、methods、computed在this中【可以】獲取（Tip:如果我們不用操作DOM可以發(fā)起網(wǎng)絡(luò)請求）beforeMount:te

3、mplate準(zhǔn)備掛載mounted:在執(zhí)行該函數(shù)時，$el可以在this中訪問（Tip:可以發(fā)起網(wǎng)絡(luò)請求）當(dāng)數(shù)據(jù)發(fā)生改變的前一刻會自動執(zhí)行beforeUpdate當(dāng)數(shù)據(jù)改變完成會自動執(zhí)行updated當(dāng)頁面準(zhǔn)備銷毀的前一刻會自動執(zhí)行beforeDestroy當(dāng)頁面準(zhǔn)備銷毀完成會自動執(zhí)行destroyed3.父子組件執(zhí)行順序進(jìn)入頁面自動執(zhí)行生命周期鉤子有:首先會自動執(zhí)行然后會自動執(zhí)行最后在自動執(zhí)行【父組件】【子組件】【父組件】的生命周期鉤子beforeCreate-created-beforeMount的生命周期鉤子beforeCreate-created-beforeMount-mounted

4、的生命周期鉤子mounted當(dāng)組件數(shù)據(jù)發(fā)生更改：【各自執(zhí)行各自】的生命周期鉤子父組件自己的數(shù)據(jù)發(fā)生改變執(zhí)行自己的生命周期鉤子beforeUpdate、updated子組件自己的數(shù)據(jù)發(fā)生改變執(zhí)行自己的生命周期鉤子beforeUpdate、updated：!：；：!：!淤毬洽洽:!?!?!?：?!?WWW?!?WWWIwwWffi：$：7當(dāng)組件被銷毀時，執(zhí)行生命周期鉤子有:父組件會先執(zhí)行beforeDestroy子組件在執(zhí)行beforeDestroy、destroyed最后父組件執(zhí)行destroyedeJQWWW9Q5JQWWW9Q5門:“：吏：衛(wèi)：匸“：吏：衛(wèi)：匸門mm：“：吏：匸“：吏：匸“：吏：匸”：”吏:：吏：”吏:：吏：匸”