Vue строит интерфейс из однофайловых компонентов (.vue): шаблон, логика и стили вместе. Реактивность на прокси: изменение ref или reactive автоматически обновляет зависимые части шаблона, без ручной мемоизации.
<script setup>
import { ref, computed } from "vue";
const n = ref(0);
const double = computed(() => n.value * 2);
</script>
<template><button @click="n++">{{ n }} × 2 = {{ double }}</button></template>Что важно знать
- Composition API (
setup,ref,computed,watch) — современный стиль; Options API встречается в старом коде. - Директивы:
v-if,v-forс:key,v-model,v-bind,v-on. - Экосистема: Pinia (состояние), Vue Router, Nuxt (SSR).
- Идеи те же, что в React: компоненты, props вниз, события вверх, вычисляемые значения вместо дублирования состояния.