ਕਸਟਮ ਨਿਰਦੇਸ਼ ਤੁਹਾਨੂੰ ਘੱਟ-ਸਤਰ DOM ਹਸਤਖੇਪ ਨੂੰ ਪੁਨਰ-ਵਰਤੋਂ ਯੋਗ v-* ਗੁਣ ਵਜੋਂ ਸ਼ਾਮਿਲ ਕਰਨ ਦਿੰਦੇ ਹਨ। ਉਹਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ ਜਦੋਂ ਤੁਹਾਨੂੰ ਇੱਕ ਤੱਤ ਤੇ ਸਿੱਧੀ ਪਹੁੰਚ ਦੀ ਲੋੜ ਹੈ (ਫੋਕਸ, ਸਕ੍ਰੋਲ, ਤੀਜੀ-ਪੱਖ 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>
