Lifecycle Hook Vue 'kích hoạt'
Ví dụ
Sử dụng hook vòng đời activated
để ghi nhật ký mỗi khi hook activated
được gọi.
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);
}
}
Chạy ví dụ »Định nghĩa và cách sử dụng
Móc vòng đời activated
sẽ chạy khi một thành phần được lưu trong bộ nhớ đệm được chèn vào DOM.
Một thành phần được lưu vào bộ nhớ đệm bằng cách sử dụng thành phần <KeepAlive>
tích hợp sẵn.
Sau khi một thành phần được lưu trong bộ nhớ đệm được tạo, nó có thể được chèn và xóa khỏi DOM nhiều lần và mỗi khi một thành phần được lưu trong bộ nhớ đệm như vậy được chèn vào DOM, hook vòng đời activated
sẽ được gọi.
Lưu ý: Sự khác biệt giữa hook activated
và hook mounted
là hook mounted
không được gọi khi một thành phần đã được lưu trong bộ nhớ đệm hiện có được chèn vào DOM.
Trang liên quan
Hướng dẫn về Vue: Móc vòng đời của Vue
Hướng dẫn Vue: Hook 'được kích hoạt'
Hướng dẫn Vue: Hook 'đã ngừng hoạt động'
Hướng dẫn Vue: Hook 'được gắn kết'
Hướng dẫn về Vue: Hook 'unmount'
Tham khảo Vue: Lifecycle Hook của Vue 'đã ngừng hoạt động'
Tham khảo Vue: Lifecycle Hook của Vue
Tham khảo Vue: Móc vòng đời 'không đếm được' của Vue