vue中的双重v-for循环数据共享问题怎么解啊

问题遇到的现象和发生背景

问题相关代码，请勿粘贴截图

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

题主意思是2个v-for嵌套，然后第二个需要访问第一个的数据是吧？v-for循环值和下标变量名称可以自己起的

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<div id="app">
    <div v-for="(value1,index1) in list1">
        <div v-for="(value2,index2) in list2">
            {{value1}}-{{index1}}-{{value2}}-{{index2}}
        </div>
    </div>
</div>
<script>
    new Vue({
        el: '#app',
        data: {
            list1: ['a', 'b', 'c'],
            list2: [1, 2, 3]
        }
    })
</script>

?