Si japin refs-et e shablloneve hyrje në elemente DOM ose në komponentet e fëmijëve?

Refs-et e shablloneve ju japin një referencë të drejtpërdrejtë në një element të vërtetë DOM (ose në një instancë të komponentës fëmije) kur keni nevojë të bëni diçka imperativore që modeli deklarativ i Vue nuk e mbulon — si fokusimi i një inputi, matja e një elementi, ose thirja e metodës së fëmijës.

Hyrje në një 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>

Shabllonet: deklarojmë , e bashkojmë përmes në element, dhe pas montimit, është nyja e vërtetë DOM. Është përpara montimit, kështu që hyni në (ose më vonë), jo gjatë setup.