Vue.js คือ JavaScript framework ที่ก้าวหน้าสำหรับสร้างอินเตอร์เฟซผู้ใช้ "ก้าวหน้า" หมายความว่าคุณสามารถนำมันมาใช้อย่างค่อยเป็นค่อยไป — วางมันลงในส่วนหนึ่งของหน้าเว็บ หรือใช้ระบบนิเวศแบบเต็มรูปแบบเพื่อสร้างแอปพลิเคชันเพจเดี่ยวที่สมบูรณ์
คอมโพเนนต์ขั้นต่ำ
vue
<script setup>
import { ref } from "vue";
const count = ref(0); // reactive state
</script>
<template>
<button @click="count++">Count is {{ count }}</button>
</template>
คอมโพเนนต์ไฟล์เดี่ยวนี้รวมตรรกะ (), มาร์กอัป (), และ (ทางเลือก) สไตล์ () เข้าด้วยกัน — คลิกปุ่มจะอัปเดต , และ Vue จะทำการเรนเดอร์ข้อความอีกครั้งโดยอัตโนมัติ