言語
日本語
English

Caution

お使いのブラウザはJavaScriptが無効になっております。
当サイトでは検索などの処理にJavaScriptを使用しています。
より快適にご利用頂くため、JavaScriptを有効にしたうえで当サイトを閲覧することをお勧めいたします。

  1. トップページ
  2. Vue辞典

Vue辞典 一覧ページ

初心者向け: 概要と特徴、学習順ガイドテンプレート・リアクティビティ・コンポーネントの学習順ガイド。
【環境構築】Vue Dictionaryの開発環境Node.js・create-vue・Vite を使った環境構築手順。
非同期コンポーネント必要になったタイミングで動的インポートするコンポーネント。
ComponentUIを独立した部品として定義し再利用するための仕組み。
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 でフォーム要素の値とデータを双方向に同期する仕組み。
KeepAliveDOMから取り除かれるときにコンポーネントの状態を破棄せずキャッシュする仕組み。
Lifecycle Hooks(ライフサイクルフック)作成・マウント・更新・アンマウントの各段階で処理を実行するフック。
リストレンダリングv-for で配列・オブジェクトを繰り返し描画する仕組み。
名前付きスロット複数の差し込み口に名前を付けて内容を振り分けるスロット。
nextTickDOMの更新が完了した後にコールバックを実行する関数。
onBeforeMountマウント前・DOM更新前にそれぞれ処理を実行するライフサイクルフック。
onMountedコンポーネントがDOMにマウントされた直後に処理を実行するフック。
onUnmountedコンポーネントがDOMからアンマウントされた後に処理を実行するフック。
onUpdatedリアクティブな状態の変化でDOMが更新された直後に処理を実行するフック。
PiniaVue 公式の状態管理ライブラリ。コンポーネント間の共有データを一元管理。
Pluginapp.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-bindHTML属性やコンポーネントに動的にデータをバインドするディレクティブ。
v-cloakVue のコンパイル完了まで未解決のテンプレートを非表示にするディレクティブ。
v-elsev-if の条件分岐に else・else-if を追加するディレクティブ。
v-for配列やオブジェクトを反復して要素を描画するディレクティブ。
v-html文字列をHTMLとして解釈して要素の内部に描画するディレクティブ。
v-if条件が真のときだけ要素をDOMに追加するディレクティブ。
v-memo依存値が変化しない限りサブツリーの再レンダリングをスキップするディレクティブ。
v-modelフォーム要素とデータを双方向にバインドするディレクティブ。
v-onDOMイベントにリスナーを登録するディレクティブ。
v-once要素を一度だけ描画し以降のリアクティブ更新をスキップするディレクティブ。
v-preその要素とすべての子孫に対してVueのコンパイルをスキップするディレクティブ。
v-showdisplay の切り替えで要素の表示・非表示を制御するディレクティブ。
v-slotスロットの名前指定やスコープ付きスロットのデータ受け取りを行うディレクティブ。
v-text要素のテキスト内容をデータで置き換えるディレクティブ。
Vue RouterURLに応じてコンポーネントを切り替える Vue 公式ルーティングライブラリ。
watch()リアクティブなデータの変更を監視して副作用を実行するウォッチャー。
watch()リアクティブなデータの変更を監視して副作用を実行する関数。
watchEffectコールバック内のリアクティブな値を自動追跡して副作用を再実行する関数。