前の記事次の記事 Vue.jsを使いこなす Vue.js第4回 ディレクティブの使い方この記事ではテンプレート記述の際に役立つ、使用頻度が高いディレクティブの使い方を解説します。似たような機能を持つディレクティブでも、使い分けのポイントがあるので、注意しましょう。2015年02月19日(139号)中島 直博フロントエンド・エンジニア 目次 はじめに 解説のベースとなるコード HTML(index.html) JavaScript(app.js) ディレクティブについて 表示/非表示を切り替える v-show v-if v-showとv-ifの違い v-showはstyleで切り替える v-ifはDOM上での追加・削除を行う インラインスタイルを操作する スタイルに適用するプロパティを個別に参照する プリフィックスの付与 CSSのクラスを操作する 属性を動的に操作する HTML文字列を動的に扱う 要素をテンプレートのコンパイル対象から除外する おわりに シェア この記事を読むには購読の手続きが必要です購読の手続きへ購読済みの方はログイン月額880円(税込)初めてお申し込みの方は、30日間無料でお使いいただけます
Webフォント/アイコンフォントGoogle Fontsで学ぶWebフォントの基本 最終回2026年03月26日無料公開中 next/font/googleの詳細設定藤田 智朗フロントエンド・エンジニア