Je template refs inavyoiwaje kufikia vipengele vya DOM au sehemu za watoto?

Template refs hukupatia marejeleo ya moja kwa moja kwa kipengele halisi cha DOM (au mfano wa sehemu ya watoto) wakati unahitaji kufanya kitu madhubuti ambayo muundo wa deklaratiba wa Vue haufiki — kama vile kuzingatia pembejeo, kupima kipengele, au kuita mbinu ya mtoto.

Kufikia kipengele cha 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>

Ruwaza: tetea , iambatie kupitia kwenye kipengele, na baada ya kupanda, ni nodi halisi ya DOM. Ni kabla ya kupanda, kwa hiyo ifikie katika (au baadaye), si wakati wa setup.