Conas a thugann refs teimpléad rochtain ar eilimintí DOM nó ar chomhpháirteanna leanaí?

Refs teimpléad a ligeann duit tagairt dhíreach a fháil ar fhíor-eilimint DOM (nó ar shampla comhpháirt leanaí) nuair a bhíonn ort rud éigin tógtha go huachtar a dhéanamh nach bhfuil cumhdaithe ag samhail dhéchlaratóir Vue — ar nós fócas a thabhairt do ionchur, eilimint a thomhas, nó modh a ghlao ar leanbh.

Rochtain a fháil ar eilimint 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>

An patrún: dearbhaigh , ceangail í trí ar an eilimint, agus tar éis an tsocraithe, is é an fhíor-nód DOM. Tá sé roimh an tsocrú, mar sin rochtain a fháil air in (nó níos déanaí), ní le linn an setup.