Vue.js yra progresyvus JavaScript struktūra naudotojo sąsajai kurti. "Progresyvi" reiškia, kad galite ją priimti pamažu — įdėkite ją į vienos puslapio dalies, arba naudokite visą ekosistemą pilnam vieno puslapio programui kurti.
Minimalus komponentas
vue
<script setup>
import { ref } from "vue";
const count = ref(0); // reactive state
</script>
<template>
<button @click="count++">Count is {{ count }}</button>
</template>
Šis vieno failo komponentas sujungia logiką (), žymėjimą () ir (pasirinktinai) stilius () - spustelėjus mygtuką atnaujinamas , ir Vue automatiškai perrašo tekstą.