Macro-ul defineExpose() în Vue 3 în Vue.js & Nuxt

Ce este macro-ul defineExpose()

Componentele definite cu <script setup> sunt în mod implicit închise: o componentă părinte care obține o referință prin ref="copilRef" nu poate accesa variabilele interne ale copilului.

Prin apelul defineExpose(), alegeți explicit ce metode, proprietăți sau referințe devin publice și accesibile din exterior.

<!-- Componenta Copil: Formular.vue -->
<script setup>
import { ref } from 'vue';

const dateFormular = ref({ nume: '', email: '' });

function reseteaza() {
    dateFormular.value = { nume: '', email: '' };
}

// Expunem doar metoda 'reseteaza'
defineExpose({ reseteaza });
</script>