vue常用指令
2019-01-11 本文已影响34人
前端来入坑
- 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