Vue.js ist ein progressives JavaScript-Framework zum Erstellen von Benutzeroberflächem. "Progressiv" bedeutet, dass Sie es schrittweise adoptieren können — integrieren Sie es in einen Teil einer Seite, oder verwenden Sie sein vollständiges Ökosystem, um eine vollständige Single-Page-App zu erstellen.
Eine minimale Komponente
vue
<script setup>
import { ref } from "vue";
const count = ref(0); // reactive state
</script>
<template>
<button @click="count++">Count is {{ count }}</button>
</template>
Diese Single-File-Komponente bündelt Logik (), Markup () und (optional) Stile () zusammen — das Anklicken der Schaltfläche aktualisiert , und Vue rendert den Text automatisch neu.