કસ્ટમ ડિરેક્ટિવ તમને નીચલા-સ્તરના DOM મેનિપ્યુલેશન ને પુનઃવર્તનીય v-* વિશેષતા તરીકે એનકેપ્સ્યુલેટ કરવા દે છે. તેનો ઉપયોગ કરો જ્યારે તમને એલિમેન્ટમાં સીધી પ્રવેશાધિકાર જરૂરી હોય (focus, scroll, ત્રીજા-પક્ષ DOM લાઇબ્રેરી) — એવી વસ્તુઓ જે ઘટકો/પ્રોપ્સ સ્વાભાવિક રીતે આવરી લેતા નથી.
સ્થાનિક ડિરેક્ટિવ વ્યાખ્યાયિત કરવું
<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>
