条件渲染:
v-if,可以搭配v-else-if,v-else但是必须放在一起 //可以移除元素
v-show //可以隐藏元素
v-if可以搭配template使用,用template将多个元素包裹起来
列表渲染:
<ul>
<li v-for="(p,index) in arr" :key="p.id"></li>
</ul>
本文介绍了Vue.js中条件渲染和列表渲染的基本用法。通过v-if、v-else-if、v-else控制元素的显示与隐藏;利用v-show实现元素隐藏效果;采用v-for进行列表的迭代渲染。
条件渲染:
v-if,可以搭配v-else-if,v-else但是必须放在一起 //可以移除元素
v-show //可以隐藏元素
v-if可以搭配template使用,用template将多个元素包裹起来
列表渲染:
<ul>
<li v-for="(p,index) in arr" :key="p.id"></li>
</ul>
689
82

被折叠的 条评论
为什么被折叠?