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.
