Vue.js यूज़र इंटरफ़ेस बनाने के लिए एक progressive JavaScript framework है। "Progressive" का अर्थ है कि आप इसे क्रमशः अपना सकते हैं — इसे किसी पेज के एक हिस्से में जोड़ सकते हैं, या इसके पूरे ecosystem का उपयोग करके एक संपूर्ण single-page app बना सकते हैं।
एक न्यूनतम component
vue
<script setup>
import { ref } from "vue";
const count = ref(0); // reactive state
</script>
<template>
<button @click="count++">Count is {{ count }}</button>
</template>
यह single-file component logic (), markup (), और (वैकल्पिक रूप से) styles () को एक साथ जोड़ता है — button पर click करने से अपडेट होता है, और Vue अपने आप text को फिर से रेंडर कर देता है।