Özel direktifler, düşük seviyeli DOM manipülasyonu kapsüllemenize ve yeniden kullanılabilir bir v-* özniteliği olarak kullanmanıza olanak tanır. Bir elemana doğrudan erişime ihtiyaç duyduğunuzda (odaklanma, kaydırma, üçüncü taraf DOM kütüphaneleri) — bileşenlerin/props'ların doğal olarak kapsamadığı şeyler için kullanın.
Yerel bir direktif tanımlama
<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>
