導(dǎo)讀：

activated生命周期是Vue.js中一個(gè)重要的函數(shù)鉤子，它在組件第一次加載時(shí)不會(huì)被觸發(fā)，只有當(dāng)路由跳轉(zhuǎn)到該組件時(shí)才會(huì)被觸發(fā)。本文將詳細(xì)介紹activated函數(shù)的相關(guān)知識(shí)點(diǎn)。

activated函數(shù)是Vue.js中非常重要的生命周期函數(shù)之一，它在組件激活時(shí)被調(diào)用。當(dāng)路由跳轉(zhuǎn)到該組件時(shí)，會(huì)觸發(fā)activated函數(shù)，且只有當(dāng)組件處于激活狀態(tài)時(shí)，才能夠使用該函數(shù)。

在使用activated函數(shù)時(shí)，需要注意以下幾點(diǎn)：

1、與created、mounted等生命周期不同，activated函數(shù)只有在組件處于激活狀態(tài)時(shí)才會(huì)被觸發(fā)，這也是它與其他函數(shù)的最大區(qū)別

2、當(dāng)組件被激活時(shí)，activated函數(shù)會(huì)被觸發(fā)多次，因?yàn)槊看温酚商D(zhuǎn)到該組件時(shí)，該函數(shù)都會(huì)重新執(zhí)行。

3、一定要有beforeRouteUpdate函數(shù)，否則即使activated被觸發(fā)了，dom元素也不會(huì)更新。

beforeRouteUpdate(to, from, next) {
// 添加數(shù)據(jù)請(qǐng)求或者其他更新操作
next();
}
activated() {
// 更新顯示內(nèi)容
}

總結(jié)：

本文詳細(xì)介紹了Vue.js中activated函數(shù)的相關(guān)知識(shí)點(diǎn)，注意activated函數(shù)只有在組件激活時(shí)才會(huì)被觸發(fā)，并且每次組件被激活時(shí)該函數(shù)都會(huì)被重新執(zhí)行。在使用activated函數(shù)時(shí)，一定要注意與其他生命周期函數(shù)的不同點(diǎn)，以免造成不必要的錯(cuò)誤。