Vue.js egy progresszív JavaScript keretrendszer felhasználói felületek építéséhez. A "progresszív" azt jelenti, hogy fokozatosan, lépésről lépésre tudjuk alkalmazni — beépíthetjük egy oldal egy részébe, vagy használhatjuk a teljes ökoszisztémáját egy komplett single-page app felépítéséhez.
Egy minimális komponens
vue
<script setup>
import { ref } from "vue";
const count = ref(0); // reactive state
</script>
<template>
<button @click="count++">Count is {{ count }}</button>
</template>
Ez az egyfájlos komponens logikát (), jelöléseket () és (opcionálisan) stílusokat () foglal magába — a gombra kattintva a frissül, és a Vue automatikusan újrarenderi a szöveget.