Vue.jsのv-showディレクティブ

Vue.jsにはいろいろディレクティブと呼ばれるものがあります。

このディレクティブはhtmlタグ内に記述できます。

今回はv-showディレクティブについて勉強してみたのでまとめてみます。

書き方は

という感じです。条件式がtrueの場合にHTMLが表示されます。

ageが20以上の場合、mustache(マスタッシュ)構文が表示されます。

ageは30なので、表示されます。Chromeのコンソールからageを20未満にして表示非表示が切り替わることを試してみます。

Vue.jsのv-showディレクティブ

Vue.jsのv-showディレクティブ

次回はユーザ操作を検知するv-onディレクティブを学習します!

スポンサーリンク
  • このエントリーをはてなブックマークに追加
  • Evernoteに保存Evernoteに保存
スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA