vue常用指令

• v-text:绑定内容
• v-html:渲染html
• v-show:切换显示隐藏
• v-if:条件渲染

<div v-if="type === 'A'">
        A
</div>

v-else:否则跟v-if或者v-else-if配合使用

• v-for:列表渲染（优先级比v-if高）

<div v-for="(item, index) in items"></div>
<div v-for="(val, key) in object"></div>
<div v-for="(val, key, index) in object"></div>

v-for:默认行为试着不改变整体，而是替换元素。迫使其重新排序的元素,需要提供一个 key 的特殊属性:<div v-for="item in items" :key="item.id"> {{ item.text }}</div>

• v-bind:属性绑定/缩写 ":"
• v-on:绑定/缩写@click