[Vue.js]v-forディレクティブで配列要素を取得するサンプル
構文
<li v-for=”item in 配列名” :key=”item.key”>
htmlコード
「Vue.js」v-showディレクティブで条件的に要素を表示するサンプル
構文
<div v-show=”条件式” ></div>
使用例
「Vue.js」v-else-ifディレクティブを使うサンプル
構文
<div v-else-if=”条件式”>
some code
</div>
使用例
「Vue.js」テンプレート(template)にv-ifディレクティブを使うサンプル
構文
<template v-if=”条件式”>
//some code
</template>
使用例
<div id="app"> ...
「Vue.js」v-showディレクティブを使うサンプル
構文
<div v-show=”参照値”>this is a demo</div>
使用例
「Vue.js」v-elseディレクティブを使うサンプル
構文
<div v-if=”条件式”>aa</div>
<div v-else> bb</div>
使用例
「Vue.js」v-ifディレクティブを使うサンプル
構文
<div v-if=”条件式”>xxxx</div>
説明
条件式「cft」の値がtrueの場合、DOM要素が生成、falseの場合破棄
使用例 ...
「Vue.js」v-forディレクティブのサンプル
構文
v-for=”要素名 in 配列”
使用例