Vue.js

構文
<li v-for=”item in 配列名” :key=”item.key”>
htmlコード

<ul id="arkgame"> ...

構文
<div v-show=”条件式” ></div>
使用例

<div id="arkgame"> <div v-show="cftA" st ...

構文
<div v-else-if=”条件式”>
some code
</div>
使用例

<div id="arkgame"> < ...

構文
<template v-if=”条件式”>
//some code
</template>

使用例

<div id="app"> ...

構文
<div v-show=”参照値”>this is a demo</div>
使用例

<div id="arkgame"> <div v-s ...

構文
<div v-if=”条件式”>aa</div>
<div v-else> bb</div>
使用例

<div id=" ...

構文
<div v-if=”条件式”>xxxx</div>
説明
条件式「cft」の値がtrueの場合、DOM要素が生成、falseの場合破棄
使用例 ...

構文
v-for=”要素名 in 配列”
使用例

<div id="app"> <ol> <li v-for="cft in users"> {{ cf ...