Vue とは？

Web画面を作るJavaScriptフレームワークだよ。ボタンや一覧などをコンポーネントという部品に分け、状態に応じて何を表示するかを書く。図ではボタンを押してcountを増やす例を示しているよ。

HTMLを拡張したテンプレートを使うけれど、状態やイベントの処理にはJavaScriptも使うよ。HTML・CSS・JavaScriptの基礎を知っていると理解しやすい。普通の変数を何でも自動検知するわけではなく、Vueのリアクティブな状態を使うんだ。

必要なら公式のVue RouterでURLに応じて画面を切り替え、Vueコアチームが保守するPiniaで状態を管理できるよ。小さなページに全部のライブラリが必須というわけではない。必要な機能を段階的に加えられるんだ。

Vueはサーバー側でHTMLを生成するSSRにも対応するよ。静的ページをビルド時に作るSSGとはタイミングが違う。SSRではブラウザ専用の処理や、要求間で共有する状態などへの配慮も必要で、Vueを使えば設定なしに全部済むわけではないんだ。

Vue 3ではOptions APIもComposition APIも使えるよ。公式はアプリ全体を作る場合にComposition APIと単一ファイルコンポーネントを勧める一方、小規模な用途などではOptions APIも選択肢としている。Options APIを廃止する計画はないと説明しているよ。

対象バージョンを確認してね。Vue 2の通常サポートは2023年12月31日に終了した。Vue 3には互換性のない変更もあるので、既存コードは移行ガイドや依存ライブラリを確認する。移行の範囲は、そのプロジェクトの条件で考えるんだ。