フレームワーク

Vue.js クイックリファレンス

Vue.js クイックリファレンスの印刷用チートシート。すばやい参照、学習、机上利用向けに整理されています

ソース: Vue.js Documentation (vuejs.org)
ライセンス: MIT
バリアント: 3 ダウンロードオプション
更新日: 2026-03-27

サンプル

このチートシートの内容

テキストと式

<span>{{ message }}</span>
<span>{{ count + 1 }}</span>
<span>{{ ok ? 'Yes' : 'No' }}</span>
<span v-html="rawHtml"></span>

ディレクティブ

`{{ expr }}`	テキスト補間
`v-bind:attr / :attr`	属性を式にバインド
`v-on:event / @event`	イベントリスナーをアタッチ
`v-model`	双方向バインディング（フォーム）
`v-if / v-else-if / v-else`	条件付きレンダリング
`v-show`	display CSS を切り替え（DOM に残る）
`v-for`	リストレンダリング
`v-slot / #name`	名前付きスロットコンテンツ

属性バインディング

<img :src="imageUrl" :alt="desc" />
<div :class="{ active: isActive }"></div>
<div :style="{ color: textColor }"></div>
<button :disabled="isLoading">Submit</button>

すべてのセクションを含む印刷用チートシートをダウンロード

PDF をダウンロード

ダウンロード

読み方に合った形式を選ぶ

おすすめ

標準

白黒・省インク。レーザープリンタやコピー向けの標準版

最適な用途印刷物と机上リファレンス

PDF 2 ページレター横

PDF をダウンロード
カラー

暖色アクセント付き。画面閲覧やカラープリンタ向け

最適な用途画面閲覧またはカラープリンタ

PDF 2 ページレター横

PDF をダウンロード
リファレンスカード

最高密度の 4 カラム版。すべてを 1 ページに集約

最適な用途高速スキャンと最小限の用紙使用

PDF 1 ページレター横

PDF をダウンロード