მორგებული დირექტივები საშუალებას გაძლევთ ინკაპსულირდეს DOM-ის მუშაობა დაბალი დონეზე როგორც გამოყენებადი v-* ატრიბუტი. გამოიყენეთ ისინი, როდესაც გჭირდებათ პირდაპირი წვდომა ელემენტზე (focus, scroll, მესამე მხარის DOM ბიბლიოთეკები) — რამ, რის კეთებასაც კომპონენტები/props-ები ბუნებრივად არ აკეთებენ.
ლოკალური დირექტივის განსაზღვრა
<script setup>
// a directive is an object of lifecycle hooks; in <script setup>, name it vXxx
const vFocus = {
mounted(el) {
el.focus(); // `el` is the raw DOM element
},
};
</script>
<template>
<input v-focus /> <!-- autofocuses on mount -->
</template>
