Vue.js, kullanıcı arayüzleri oluşturmak için ilerlemeci bir JavaScript çercevesidir. "İlerlemeci", bunu kademeli olarak benimseyebileceğiniz anlamına gelir — bir sayfanın bir kısmına yerleştirin veya tam bir tek sayfalı uygulama oluşturmak için tam ekosistemini kullanın.
Minimum bir bileşen
vue
<script setup>
import { ref } from "vue";
const count = ref(0); // reactive state
</script>
<template>
<button @click="count++">Count is {{ count }}</button>
</template>
Bu tek dosyalı bileşen mantığı (), işaretlemeyi () ve (isteğe bağlı olarak) stilleri () birlikte paketler — düğmeyi tıklamak öğesini güncelleştirirken Vue metni otomatik olarak yeniden işler.