Pira apa template ref member akses marang elemen DOM utawa komponen anak?

Template ref ngawehake sampeyan mendapatkan referensi langsung marang elemen DOM nyata (utawa instansi komponen anak) nalika sampeyan kudu nindakake apa-apa imperatif sing model deklaratif Vue ora nyakup — kaya fokus input, ngukur elemen, utawa nelpon metode anak.

Akses elemen 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>

Pola: nyatakake , pasang liwat ing elemen, lan sawise mount, yaiku simpul DOM nyata. Iku sadurunge mounting, mula akses ing (utawa ndhisik), ora sak durung setup.