VueJS之流程控制

v-for，v-html，v-model

<dd v-for="item in items">
    <input type="checkbox" v-model="item.status"/>
    <span v-html="item.title"></span>，￥<span v-html="item.price"></span>
</dd>

v-bind

<div v-bind:class="{ active: isActive }"></div>

<div class="static" v-bind:class="{ active: isActive, 'text-danger': hasError }"></div>

v-if，v-else

<h1 v-if="ok">Yes</h1>
<h1 v-else>No</h1>

<div v-if="type === 'A'">A</div>
<div v-else-if="type === 'B'">B</div>
<div v-else-if="type === 'C'">C</div>
<div v-else>Not A/B/C</div>