Vue是一款基于MVVM模式，用于構建用戶界面的漸進式框架。Vue的指令非常靈活，其中

<li>

標簽指令是Vue中非常常用的一種，用于循環數據列表。

在Vue中使用

<li v-for="item in items">{{ item }}</li>

來遍歷數據列表，其中

v-for

指令可以解析成 for 循環，item 可以看做當前遍歷到的數據，items 是數據列表。

具體使用方法如下：

<ul>
<li v-for="item in items" :key="item.id">
{{item.name}}
</li>
</ul>
export default { 
data() {
return {
items: [
{ id: 1, name: '蘋果' },
{ id: 2, name: '香蕉' },
{ id: 3, name: '西瓜' },
{ id: 4, name: '菠蘿' }
]
}
}
}

在使用

<li v-for>

指令時，一定記得加上 key 屬性，這是為了優化Vue的虛擬DOM性能而做的，可以提升渲染效率。

總之，

<li v-for>

指令在Vue中的應用非常廣泛，它可以方便地對數據進行遍歷渲染，同時還能通過多種方式對數據進行操作，為大家的開發帶來了極大的便利。