Vue.js பயனர் இடைமுகங்கள் உருவாக்குவதற்கான ஒரு முன்னேற்ற JavaScript கাঠামோ. "முன்னேற்ற" என்பது நீங்கள் படிப்படியாக இதை ஏற்றுக்கொள்ள முடியும் என்பதாகும் — இதை ஒரு பக்கத்தின் ஒரு பகுதியில் விடுங்கள், அல்லது ஒரு முழுமையான ஒற்றைப்பக்க பயன்பாட்டை உருவாக்க முழு பரிசரமணையைப் பயன்படுத்துங்கள்.
குறைந்தபட்ச கூறு
<script setup>
import { ref } from "vue";
const count = ref(0); // reactive state
</script>
<template>
<button @click="count++">Count is {{ count }}</button>
</template>
இந்த ஒற்றை-ஆவணக் கூறு தர்க்கம் (), குறிப்பு () மற்றும் (விரும்பினால்) பாணிகளை () ஒன்றாக번들ிசெய்கிறது — பொத்தானைக் கிளிக் செய்வது ஐ புதுப்பிக்கிறது, மற்றும் Vue தானாகவே உரையை மீண்டும் வரைகிறது.
