შაბლონური მითითებები საშუალებას გაძლევთ მიიღოთ პირდაპირი მითითება რეალურ DOM ელემენტზე (ან შვილობილი კომპონენტის ინსტანციაზე), როდესაც უნდა გააკეთოთ რაიმე აუცილებელი ოპერაცია, რომელიც Vue-ის დეკლარაციული მოდელი არ მოიცავს — მაგალითად, შეყვანის ფოკუსირება, ელემენტის გაზომვა, ან შვილის მეთოდის გამოძახება.
DOM ელემენტში წვდომა
vue
<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>
ნიმუში: დეკლარირებული , მიამაგრეთ იგი -ის საშუალებით ელემენტზე, და mount-ის შემდეგ, არის რეალური DOM ვერცხლისფერი. ის -ია mount-მდე, ამიტომ წვდომის მიღება -ში (ან მოგვიანებით), არა setup-ის დროს.