Direktiva të personalizuara ju lejojnë të enkapsuloni manipulimin e ulët të DOM-it si atribut i ripërdorshmë v-*. Përdorini kur keni nevojë për qasje të drejtpërdrejtë në një element (focus, scroll, biblioteka DOM të palëve të treta) — gjëra që komponentet/props-et nuk e mbulojnë natyralisht.
Përcaktimi i një direktive lokale
<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>
