உபயோகப்படுத்தக்கூடிய தொட்டுரைகள் உங்களை குறைந்த-நிலை 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>
