在Vue中，我們經常需要處理嵌套層次較深的數據，這時候就需要使用for循環嵌套來展示數據。下面通過一個實例來演示如何在Vue中使用for循環嵌套。

假設我們有如下數據：

data: {
menus: [
{
name: '菜單1',
type: 'parent',
children: [
{ name: '子菜單1', type: 'child' },
{ name: '子菜單2', type: 'child' }
]
},
{
name: '菜單2',
type: 'parent',
children: [
{ name: '子菜單3', type: 'child' },
{ name: '子菜單4', type: 'child' }
]
}
]
}

我們希望將這些數據渲染到模板中。我們可以使用Vue的for循環嵌套來完成這個功能：

<ul>
<li v-for="menu in menus">
{{ menu.name }}
<ul v-if="menu.type === 'parent'">
<li v-for="child in menu.children">
{{ child.name }}
</li>
</ul>
</li>
</ul>

上面的模板代碼中使用了兩個嵌套的for循環，它們分別遍歷menus數組和children數組。我們可以根據數據結構來靈活運用Vue的for循環嵌套，將數據渲染到頁面中。

總的來說，在Vue中使用for循環嵌套可以讓我們更加方便地展示嵌套層次深的數據。不過，我們也需要注意在使用for循環嵌套時，盡量避免層次過深導致代碼難以維護的情況。