Hook-ul de ciclu de viață onUpdated() în Vue 3 în Vue.js & Nuxt

Ce este onUpdated() în Vue 3

Hook-ul onUpdated() este apelat ori de câte ori o modificare a stării reactive a determinat re-randarea și actualizarea nodurilor DOM asociate componentei. Se folosește atunci când trebuie să inspectați dimensiuni fizice sau să re-atașați plugin-uri terțe după ce noul DOM a fost aplicat.

<script setup>
import { ref, onUpdated } from 'vue';

const mesaje = ref([]);

onUpdated(() => {
    // DOM-ul s-a actualizat cu noile mesaje
    console.log('DOM-ul componentei s-a re-randat cu succes.');
});
</script>