Hook-ul onBeforeUnmount() în Vue 3 în Vue.js & Nuxt

Ce este onBeforeUnmount()

Hook-ul onBeforeUnmount() reprezintă momentul de curățare finală (cleanup) în care componenta este încă complet funcțională, iar arborele său DOM este încă intact. Este utilizat pentru oprirea cronometrelor (clearInterval), deconectarea de la WebSockets sau eliminarea ascultătorilor globali de evenimente.

<script setup>
import { onMounted, onBeforeUnmount } from 'vue';

function onTastaApasata(e) {
    if (e.key === 'Escape') console.log('Escape apăsat!');
}

onMounted(() => window.addEventListener('keydown', onTastaApasata));
onBeforeUnmount(() => window.removeEventListener('keydown', onTastaApasata));
</script>