Vue 'activated' 生命週期鉤子
示例
使用 activated 生命週期鉤子來記錄每次呼叫 activated 鉤子時的情況。
export default {
mounted() {
console.log("mounted");
const liEl = document.createElement("li");
liEl.innerHTML = "mounted";
this.$refs.olEl.appendChild(liEl);
},
activated() {
console.log("activated");
const liEl = document.createElement("li");
liEl.innerHTML = "activated";
this.$refs.olEl.appendChild(liEl);
}
}
定義和用法
當一個被快取的元件插入到 DOM 中時，activated 生命週期鉤子會執行。
元件可以使用內建的 <KeepAlive> 元件進行快取。
一個被快取的元件建立後，可以被插入和移除 DOM 多次，每次這樣的被快取元件被插入 DOM 時，都會呼叫 activated 生命週期鉤子。
注意： activated 和 mounted 鉤子之間的區別在於，當一個已存在的快取元件被插入到 DOM 時，mounted 鉤子不會被呼叫。
相關頁面
Vue 教程：Vue 生命週期鉤子
Vue 教程：'activated' 鉤子
Vue 教程：'deactivated' 鉤子
Vue 教程：'mounted' 鉤子
Vue 教程：'unmounted' 鉤子
Vue 參考：Vue 'deactivated' 生命週期鉤子
Vue 參考：Vue 'mounted' 生命週期鉤子
Vue 參考：Vue 'unmounted' 生命週期鉤子
