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 ავტომატურად აკეთებს ტექსტის გადავხატვას.