కస్టమ్ డిరెక్టివ్లు మీకు తక్కువ-స్థర సంचిక ఆపరేషన్ ను పునర్వినియోగ సాధ్యమైన v-* లక్షణం వలె సంపీడనం చేయడానికి అనుమతిస్తాయి. మీకు ఒక మూలకానికి ఎరుకైన ప్రవేశం (ఫోకస్, స్క్రోల్, మూడవ-పక్ష సంచిక లైబ్రరీలు) అవసరమైనప్పుడు వాటిని ఉపయోగించండి — భాగాలు/సిద్ధాంతాలు సహజంగా కవర్ చేయని విషయాలు.
సంస్థీయ డిరెక్టివ్ను నిర్వచించడం
vue
<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>