Lifecycle Hook Vue “đã ngừng hoạt động”
Ví dụ
Sử dụng hook vòng đời deactivated
để ghi nhật ký mỗi lần hook deactivated
được gọi.
export default {
data() {
return {
hookLog: []
}
},
deactivated() {
console.log("deactivated")
this.hookLog.push("deactivated");
}
}
Chạy ví dụ »Định nghĩa và cách sử dụng
Móc vòng đời deactivated
sẽ chạy khi một thành phần được lưu trong bộ nhớ đệm bị xóa khỏi DOM nhưng không bị hủy.
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 đó bị xóa khỏi DOM (nhưng không bị hủy), móc vòng đời deactivated
sẽ được gọi.
Lưu ý: Sự khác biệt giữa hook deactivated
và hook unmounted
là khi một thành phần được lưu trong bộ nhớ đệm bị xóa khỏi DOM (mà không bị hủy), chỉ có hook deactivated
được gọi.
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 Vue 'kích hoạt'
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