導(dǎo)讀:
activated生命周期是Vue.js中一個重要的函數(shù)鉤子,它在組件第一次加載時不會被觸發(fā),只有當路由跳轉(zhuǎn)到該組件時才會被觸發(fā)。本文將詳細介紹activated函數(shù)的相關(guān)知識點。
activated函數(shù)是Vue.js中非常重要的生命周期函數(shù)之一,它在組件激活時被調(diào)用。當路由跳轉(zhuǎn)到該組件時,會觸發(fā)activated函數(shù),且只有當組件處于激活狀態(tài)時,才能夠使用該函數(shù)。
在使用activated函數(shù)時,需要注意以下幾點:
1、與created、mounted等生命周期不同,activated函數(shù)只有在組件處于激活狀態(tài)時才會被觸發(fā),這也是它與其他函數(shù)的最大區(qū)別
2、當組件被激活時,activated函數(shù)會被觸發(fā)多次,因為每次路由跳轉(zhuǎn)到該組件時,該函數(shù)都會重新執(zhí)行。
3、一定要有beforeRouteUpdate函數(shù),否則即使activated被觸發(fā)了,dom元素也不會更新。
beforeRouteUpdate(to, from, next) { // 添加數(shù)據(jù)請求或者其他更新操作 next(); } activated() { // 更新顯示內(nèi)容 }
總結(jié):
本文詳細介紹了Vue.js中activated函數(shù)的相關(guān)知識點,注意activated函數(shù)只有在組件激活時才會被觸發(fā),并且每次組件被激活時該函數(shù)都會被重新執(zhí)行。在使用activated函數(shù)時,一定要注意與其他生命周期函數(shù)的不同點,以免造成不必要的錯誤。