Lifecycle Hook của Vue 'unmount'
Ví dụ
Sử dụng móc vòng đời unmounted
để tạo cảnh báo khi thành phần bị xóa khỏi DOM.
<script>
export default {
unmounted() {
alert("The component is removed (unmounted)!");
}
}
</script>
Chạy ví dụ »Định nghĩa và cách sử dụng
Móc vòng đời unmounted
được gọi sau khi một thành phần bị xóa khỏi DOM.
Ví dụ, hook này có thể được sử dụng để loại bỏ trình xử lý sự kiện hoặc để hủy bộ tính giờ hoặc khoảng thời gian.
Lưu ý: Trong ví dụ trên, hộp cảnh báo xuất hiện trước khi chúng ta có thể thấy thành phần đó đã bị xóa. Đó là bởi vì lúc đầu thành phần này bị xóa khỏi DOM, sau đó cảnh báo xuất hiện và cuối cùng, khi bạn nhấp vào "OK" trong hộp cảnh báo, trình duyệt sẽ hiển thị trang không có thành phần bên trong DOM.
Trang liên quan
Hướng dẫn về Vue: Móc vòng đời của Vue
Hướng dẫn về Vue: Hook 'unmount'
Tham khảo Vue: Móc vòng đời Vue 'trướcUnmount'