Vue.js 是一个用于构建用户界面的渐进式 JavaScript 框架。"渐进式"意味着你可以逐步采用它 — 将其放入页面的一部分，或使用其完整生态系统来构建完整的单页应用。
<script setup>
import { ref } from "vue";
const count = ref(0); // reactive state
</script>
<template>
<button @click="count++">Count is {{ count }}</button>
</template>
这个单文件组件将逻辑（<script>）、标记（<template>）和（可选的）样式（<style>）捆绑在一起 — 点击按钮时更新 count，Vue 会自动重新渲染文本。
ref/reactive）在更改时自动更新 DOM；无需手动 DOM 操作。v-if、v-for、@click、:bind），读起来接近纯 HTML。.vue 文件将模板、脚本和作用域样式共同放置。Vue Router → official routing
Pinia → official state management
Nuxt → full-stack/SSR framework (like Next.js for React)
Vite → fast build tool (created by Vue's author)
Vue 采用基于 HTML 的模板和内置的反应性系统（减少状态的样板代码），而 React 使用 JSX 和显式状态设置器。两者都是基于组件的，使用 Virtual DOM。
Vue 因其温和的学习曲线和易接近性而受欢迎 — 模板感觉像增强的 HTML，反应性"开箱即用"，你可以从小处开始。
了解其核心支柱（反应性、声明式模板、组件、SFCs）和官方生态系统（Router、Pinia、Nuxt）可以帮助你理解在 Vue 中工作的一切。