Vue.js — это прогрессивный фреймворк JavaScript для создания пользовательских интерфейсов. "Прогрессивный" означает, что вы можете внедрять его постепенно — поместить его на одну часть страницы или использовать весь его экосистем для создания полнофункционального однопользовательского приложения.
Минимальный компонент
vue
<script setup>
import { ref } from "vue";
const count = ref(0); // reactive state
</script>
<template>
<button @click="count++">Count is {{ count }}</button>
</template>
Этот однофайловый компонент объединяет логику (), разметку () и (опционально) стили () вместе — щелчок на кнопку обновляет , и Vue автоматически повторно отрисовывает текст.