Vue.js on progressiivinen JavaScript-kehys käyttöliittymien rakentamiseen. "Progressiivinen" tarkoittaa, että voit ottaa sen käyttöön asteittain — lisää se sivun osaan tai käytä sen täyttä ekosysteemiä täydellisen yksisivuisen sovelluksen rakentamiseen.
Minimaalinen komponentti
vue
<script setup>
import { ref } from "vue";
const count = ref(0); // reactive state
</script>
<template>
<button @click="count++">Count is {{ count }}</button>
</template>
Tämä yksitiedostoinen komponentti yhdistää logiikan (), merkinnän () ja (valinnaisen) tyylit () yhteen — napin klikkaaminen päivittää :ia, ja Vue piirtää tekstin uudelleen automaattisesti.