// 這里是創(chuàng)建階段的生命周期
beforeCreate() {
????// 第一個生命周期函數(shù)栈幸,表示實例完全被創(chuàng)建出來之前淳附,會執(zhí)行它
},
created() {
????// 第二個生命周期函數(shù)
},
beforeMount() {
????// 第三個生命周期函數(shù),表示 模板已經(jīng)在內(nèi)存中編輯完成了蒙保,但是尚未把模板渲染到頁面中
????// 在beforeMount執(zhí)行的時候辕棚,頁面中的元素,還沒有被真正替換過來追他,只是之前寫的一些模板字符串
},
mounted() {
????// 第四個生命周期函數(shù)坟募,表示,內(nèi)存中的模板邑狸,已經(jīng)真實的掛載到了頁面中懈糯,用戶已經(jīng)可以看到渲染好的頁面了
????// 實例創(chuàng)建期間的最后一個生命周期函數(shù),當(dāng)執(zhí)行完mounted就表示单雾,實例而已經(jīng)被完全創(chuàng)建好了粥鞋,此時茴肥,如果沒有其它操作的話,這個實例就靜靜的躺在我們的內(nèi)存中,一動不動
????// 如果要通過某些插件操作頁面上的dom節(jié)點,最早要在mounted中進行
????// 只要執(zhí)行完了mounted涂炎,就表示整個vue實例已經(jīng)初始化完畢了烂完,此時組件脫離了創(chuàng)建階段,進入到運行階段
},
// 這里是運行階段的生命周期函數(shù)
// 會根據(jù)data數(shù)據(jù)的改變茄菊,有選擇性的觸發(fā)0次到多次
beforeUpdate() {
????// 這時候表示我們的界面還沒有被更新 【數(shù)據(jù)更新了】
? ? // 當(dāng)執(zhí)行beforeUpdate的時候疯潭,頁面中的顯示的數(shù)據(jù),還是舊的面殖,此時data數(shù)據(jù)是最新的竖哩,頁面尚未和最新的數(shù)據(jù)保持同步
},
updated() {
????// updated 事件執(zhí)行的時候,頁面和data數(shù)據(jù)已經(jīng)保持同步了脊僚,都是最新的
},
beforeDestroy() {
????// 當(dāng)執(zhí)行beforeDestroy鉤子函數(shù)的時候相叁,vue實例就已經(jīng)從運行階段,進入到了銷毀階段
? ? // 當(dāng)執(zhí)行beforeDestroy的時候辽幌,實例身上所有的打他和所有的methods增淹,以及過濾器..指令..... 都處于可用狀態(tài),此時舶衬,還沒有真正執(zhí)行銷毀的過程
},
destroyed() {
????// 當(dāng)執(zhí)行到destroyed函數(shù)的時候埠通,組件已經(jīng)被完全銷毀了,此時逛犹,組件中所有的數(shù)據(jù)端辱、方法梁剔、指令、過濾器...都已經(jīng)不可用了
}