前の記事次の記事 Vue.jsを使いこなす Vue.js第3回 テンプレートの使い方Vue.jsのテンプレート機能の使い方を解説します。テンプレートの部品化、配列の要素を繰り返し表示したりすることで、意図通りの描画をし、しかもコードを見通しよく保ちます。2015年02月12日(138号)中島 直博フロントエンド・エンジニア 目次 はじめに 解説のベースになるHTML Vue.jsを使った開発時のデバッグ方法 Vue.js devtools Vue.config.debug $log テンプレートの基本的な使い方 Mustache形式とv-textの使い分け テンプレートをJavaScriptに記述する ViewModelのtemplateプロパティに記述する テンプレートを部品にする テンプレートを部品として登録する 部品を利用する 部品の外側の要素を描画しない 部品を動的に切り替える Mustache形式で部品を表示する partialをViewModelに持たせる テンプレートの繰り返し 名前を省略する テンプレートにtemplate要素を使う ネストしたデータの繰り返し ネストした繰り返し中に親の値を参照する 繰り返し中のインデックスを知る おわりに シェア この記事を読むには購読の手続きが必要です購読の手続きへ購読済みの方はログイン月額880円(税込)初めてお申し込みの方は、30日間無料でお使いいただけます
Webフォント/アイコンフォントGoogle Fontsで学ぶWebフォントの基本 最終回2026年03月26日無料公開中 next/font/googleの詳細設定藤田 智朗フロントエンド・エンジニア