Vue.js to progresywny framework JavaScript do budowania interfejsów użytkownika. "Progresywny" oznacza, że możesz go przyjmować stopniowo — można go umieścić w jednej części strony lub użyć całego ekosystemu do zbudowania kompletnej aplikacji single-page.
Minimalny komponent
vue
<script setup>
import { ref } from "vue";
const count = ref(0); // reactive state
</script>
<template>
<button @click="count++">Count is {{ count }}</button>
</template>
Ten komponent single-file łączy logikę (), znaczniki () i (opcjonalnie) style () w jedną całość — kliknięcie przycisku aktualizuje , a Vue automatycznie przerenderowuje tekst.