在Vue中,你可以使用v-for
指令來動態渲染JSON數組。下面是一個示例:
假設你有一個JSON數組items
,其中包含一些數據:
items: [
{ id: 1, name: 'Item 1' },
{ id: 2, name: 'Item 2' },
{ id: 3, name: 'Item 3' }
]
你可以在Vue模板中使用v-for
指令來循環遍歷這個數組并動態渲染數據:
<ul>
<li v-for="item in items" :key="item.id">{{ item.name }}</li>
</ul>
在上面的代碼中,v-for="item in items"
指令會循環遍歷items
數組中的每個元素,并將當前元素賦值給item
變量。然后,我們使用{{ item.name }}
來渲染每個元素的name
屬性。
這樣就可以動態渲染JSON數組中的數據了。