Tag: sfc
9 items with this tag.
LiteratureNotes
Tooling - Vue開発環境とツールチェーン
Vue 3 の SFC 中心開発を支えるツール群を整理する。Vite, IDE, Devtools, TypeScript, lint, format, testing, 下位パッケージの役割を実務判断軸とともに記録する。
LiteratureNotes
Single-File Components - Vueコンポーネントの標準単位
Vue Single-File Components (SFC) の役割、ビルド時の変換、関心の分離の考え方、そして実務での位置づけを整理したノート。Vue 3 における `.vue` ファイル中心の開発体験を、Composition API 前提でまとめる。
LiteratureNotes
Routing - URLを状態として扱う画面遷移基盤
VueのRoutingの基本概念と、クライアントサイドルーティングがURLを状態として画面コンポーネントを切り替える仕組みを整理する。Vue Routerが抽象化する責務と、実務でRouting基盤が必要になる判断軸も記録する。
LiteratureNotes
Using Vue with TypeScript - 型付き開発基盤の全体像
Vue 3 で TypeScript を利用する際の開発基盤全体像を整理する。Vite と型チェックの分業、SFC と template への型適用、tsconfig の要点、Composition API を中心とした実務上の前提をまとめる。
LiteratureNotes
Component Registration - グローバル登録とローカル登録
Vueコンポーネントを利用可能にする登録方法として、global registration と local registration の違い、および <script setup> における実務的な使い方を整理する。名前付け規則と保守性の観点も含めて記録する。
LiteratureNotes
Vue.js Creating an Application - アプリの起動フロー
Vueアプリケーションの起動に必要な概念。アプリケーションインスタンス、ルートコンポーネント、マウント、アプリ設定、複数インスタンス構成を扱う。ViteプロジェクトとCDN版の違い（In-DOMテンプレート制約）も含む。
LiteratureNotes
Vue.js Template Syntax - テンプレート構文
Vueのテンプレート構文の全体像。テキスト補間、v-html、v-bindによる属性バインディング、テンプレート内JS式、ディレクティブの構造（引数・動的引数・修飾子）を扱う。
LiteratureNotes
Vue.js Quick Start - プロジェクト作成と環境構築
Vue.js 3プロジェクトの作成方法。npm create vue@latestによるVite + SFC構成のプロジェクト生成、CDN版の3つの使い方（Global Build / ES Module / Import Maps）、ビルドなし環境でのモジュール分割を扱う。
LiteratureNotes
Vue.js Introduction - 基礎概念
Vue.js 3の全体像。宣言的レンダリング・リアクティビティの2つのコア機能、プログレッシブフレームワークの設計思想、SFCの構造、Options APIとComposition APIの比較を扱う。