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>）をまとめます。ボタンをクリックするとが更新され、Vueがテキストを自動的に再レンダリングします。
countref/reactive）は変更時に自動的にDOMを更新します。手動でのDOM操作は不要です。v-if、v-for、@click、:bind）を含むHTMLベースの構文。プレーン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はこれを採用していますが、ReactはJSXと明示的な状態セッターを使用します。どちらもコンポーネントベースで、Virtual DOMを使用しています。
Vueは、その穏やかな学習曲線と親しみやすさで人気があります。テンプレートは拡張されたHTMLのように見え、リアクティビティは「そのまま機能し」、小さく始めることができます。
コアの柱（リアクティビティ、宣言的テンプレート、コンポーネント、SFCs）と公式エコシステム（Router、Pinia、Nuxt）を理解することは、Vueでの作業に関するその他すべてを枠付けします。