Kif ir-referenzi tal-mudell jagħtuk aċċess għal elementi DOM jew komponenti tfal?

Ir-referenzi tal-mudell jippermettuk li tikseb referenza diretta għal element DOM reali (jew instanza ta' komponenti tfal) meta għandek bżonn tagħmel xi ħaġa imperattiva li l-mudell deklarattiv ta' Vue ma jkopprix — bħall-fokus ta' input, kejl ta' element, jew sejħa tal-metodu ta' tifel.

Aċċess għal element DOM

<script setup>
import { ref, onMounted } from "vue";

const inputEl = ref(null);   // 1. create a ref (initially null)

onMounted(() => {
  inputEl.value.focus();      // 3. after mount, .value is the DOM element
});
</script>

<template>
  <input ref="inputEl" />     <!-- 2. ref attribute name matches the variable -->
</template>

Il-mudell: iddekkjara , irbit dan permezz fuq l-element, u wara mount, hu n-nodu DOM attwali. Huwa qabel mount, għalhekk aċċess fil (jew aktar tard), mhux matul il-setup.