Vue.js एक प्रगतिशील JavaScript फ्रेमवर्क हो जुन प्रयोगकर्ता इन्टरफेस निर्माण गर्न प्रयोग गरिन्छ। "प्रगतिशील" भन्ने शब्दको अर्थ यो हो कि तपाईँ यसलाई क्रमशः अपनाउन सक्नुहुन्छ — यसलाई पृष्ठको एक भागमा राख्न सक्नुहुन्छ, वा पूर्ण एकल-पृष्ठ अनुप्रयोग निर्माण गर्न यसको पूर्ण इकोसिस्टम प्रयोग गर्न सक्नुहुन्छ।
न्यूनतम घटक
vue
<script setup>
import { ref } from "vue";
const count = ref(0); // reactive state
</script>
<template>
<button @click="count++">Count is {{ count }}</button>
</template>
यो एकल-फाइल घटकले तर्क (), चिन्ह (), र (वैकल्पिक रूपमा) शैलीहरू () एकसाथ बान्धिन्छ — बटन क्लिक गरेपछी अपडेट हुन्छ, र Vue स्वचालित रूपमा पाठलाई पुनः-रेन्डर गर्छ।