Caution
お使いのブラウザはJavaScriptが無効になっております。
当サイトでは検索などの処理にJavaScriptを使用しています。
より快適にご利用頂くため、JavaScriptを有効にしたうえで当サイトを閲覧することをお勧めいたします。
辞典
- トップページ
- Vue辞典
Vue辞典 一覧ページ
| 初心者向け: 概要と特徴、学習順ガイド | テンプレート・リアクティビティ・コンポーネントの学習順ガイド。 |
| 【環境構築】Vue Dictionaryの開発環境 | Node.js・create-vue・Vite を使った環境構築手順。 |
| 非同期コンポーネント | 必要になったタイミングで動的インポートするコンポーネント。 |
| Component | UIを独立した部品として定義し再利用するための仕組み。 |
| Composable(コンポーザブル) | Composition API のロジックを再利用可能な関数として切り出す手法。 |
| computed() | リアクティブなデータをもとに自動計算される派生値の定義。 |
| computed() | Composition API で算出プロパティを定義する関数。 |
| 条件付きレンダリング | v-if・v-show で要素の表示・非表示を切り替える手法。 |
| createApp() | Vue 3 でアプリケーションインスタンスを作成するグローバル関数。 |
| v-bind() in CSS | <style> ブロック内でリアクティブなデータをCSSの値として使う機能。 |
| カスタムディレクティブ | 独自の v- 属性を定義してDOM操作を再利用できる仕組み。 |
| カスタムイベント | 子から親へ情報を伝えるための emit ベースのカスタムイベント。 |
| defineEmits() | <script setup> 内で発火するイベントを宣言するコンパイラマクロ。 |
| defineExpose | 親や参照から外部公開するメンバーを指定するコンパイラマクロ。 |
| defineModel() | v-model の双方向バインディングを簡潔に定義するコンパイラマクロ。 |
| defineProps() | 受け取る props を宣言するコンパイラマクロ。 |
| 動的コンポーネント | 表示するコンポーネントを実行時に切り替える仕組み。 |
| emit() | 子から親にイベントを通知するための関数。 |
| イベント処理 | v-on でユーザー操作に応答する処理を宣言的に定義する仕組み。 |
| Event Modifier | イベント制御を宣言的に書くためのドット記法修飾子。 |
| フォームバインディング | v-model でフォーム要素の値とデータを双方向に同期する仕組み。 |
| KeepAlive | DOMから取り除かれるときにコンポーネントの状態を破棄せずキャッシュする仕組み。 |
| Lifecycle Hooks(ライフサイクルフック) | 作成・マウント・更新・アンマウントの各段階で処理を実行するフック。 |
| リストレンダリング | v-for で配列・オブジェクトを繰り返し描画する仕組み。 |
| 名前付きスロット | 複数の差し込み口に名前を付けて内容を振り分けるスロット。 |
| nextTick | DOMの更新が完了した後にコールバックを実行する関数。 |
| onBeforeMount | マウント前・DOM更新前にそれぞれ処理を実行するライフサイクルフック。 |
| onMounted | コンポーネントがDOMにマウントされた直後に処理を実行するフック。 |
| onUnmounted | コンポーネントがDOMからアンマウントされた後に処理を実行するフック。 |
| onUpdated | リアクティブな状態の変化でDOMが更新された直後に処理を実行するフック。 |
| Pinia | Vue 公式の状態管理ライブラリ。コンポーネント間の共有データを一元管理。 |
| Plugin | app.use() でアプリ全体に機能を追加する拡張の仕組み。 |
| Props | 親コンポーネントから子コンポーネントへデータを渡すための仕組み。 |
| provide() / inject() | 祖先コンポーネントから子孫へデータや関数を直接渡す仕組み。 |
| reactive() | オブジェクトや配列をリアクティブなプロキシに変換する関数。 |
| リアクティビティ | データの変更を自動検知してUIを更新するリアクティブシステム。 |
| ref() | プリミティブ値をリアクティブにラップする関数。 |
| スコープ付きスロット | 子コンポーネントのデータをスロット内で参照できるスコープ付きスロット。 |
| shallowRef() | リアクティビティの追跡を浅いレベルにとどめる関数。 |
| Single File Component(SFC) | テンプレート・スクリプト・スタイルを1つの .vue ファイルにまとめる形式。 |
| Slot | 親コンポーネントから子コンポーネントに任意のHTML断片を差し込む仕組み。 |
| <style scoped> | スタイルを現在のコンポーネントだけに限定する scoped 属性。 |
| Suspense | 非同期処理の完了まで代替コンテンツを表示する組み込みコンポーネント。 |
| Teleport | コンポーネントの一部を DOM ツリーの別の場所に描画する仕組み。 |
| テンプレート参照 | テンプレート内のDOM要素やコンポーネントインスタンスに直接アクセスする仕組み。 |
| Template Syntax(テンプレート構文) | HTMLベースの記法でデータバインディングやディレクティブを記述する仕組み。 |
| toRef() | reactive オブジェクトのプロパティを個別の ref に変換する関数。 |
| Transition | 要素の追加・削除・表示切替にアニメーションを適用する組み込みコンポーネント。 |
| TransitionGroup | リスト要素の追加・削除・移動にアニメーションを適用する組み込みコンポーネント。 |
| v-bind | HTML属性やコンポーネントに動的にデータをバインドするディレクティブ。 |
| v-cloak | Vue のコンパイル完了まで未解決のテンプレートを非表示にするディレクティブ。 |
| v-else | v-if の条件分岐に else・else-if を追加するディレクティブ。 |
| v-for | 配列やオブジェクトを反復して要素を描画するディレクティブ。 |
| v-html | 文字列をHTMLとして解釈して要素の内部に描画するディレクティブ。 |
| v-if | 条件が真のときだけ要素をDOMに追加するディレクティブ。 |
| v-memo | 依存値が変化しない限りサブツリーの再レンダリングをスキップするディレクティブ。 |
| v-model | フォーム要素とデータを双方向にバインドするディレクティブ。 |
| v-on | DOMイベントにリスナーを登録するディレクティブ。 |
| v-once | 要素を一度だけ描画し以降のリアクティブ更新をスキップするディレクティブ。 |
| v-pre | その要素とすべての子孫に対してVueのコンパイルをスキップするディレクティブ。 |
| v-show | display の切り替えで要素の表示・非表示を制御するディレクティブ。 |
| v-slot | スロットの名前指定やスコープ付きスロットのデータ受け取りを行うディレクティブ。 |
| v-text | 要素のテキスト内容をデータで置き換えるディレクティブ。 |
| Vue Router | URLに応じてコンポーネントを切り替える Vue 公式ルーティングライブラリ。 |
| watch() | リアクティブなデータの変更を監視して副作用を実行するウォッチャー。 |
| watch() | リアクティブなデータの変更を監視して副作用を実行する関数。 |
| watchEffect | コールバック内のリアクティブな値を自動追跡して副作用を再実行する関数。 |