假设我有一段选项代码

<option ng-repeat-start="item in items" ng-bind="item.name" value="{{item.id}}"></option>
<option ng-repeat-end ng-repeat="info in item.info" ng-bind="' - ' + info.name" value="{{info.id}}"></option>

因此，基本上选项1渲染，然后渲染info选项的所有项目数组，然后下一个选项项目将渲染
但在vue中这样做是行不通的

<option :key="id" v-for="(item, id) in items" :value="item.name">{{ item.name }}</option>
<option :key="id" v-for="(info, id) in item" :value="info.name">{{ info.name }}</option>

它没有看到第二个v-for中的项目，而我猜它看到了第一个v-for，第二个v-for不知道第一个v-for。我如何在Vue中实现与Angular中相同的逻辑呢？