如何使用v-for循环出多层嵌套？

Question

如下例所示，有这样一个结构的对象，需要用v-for循环出来
结构型如：(dl>(dt>dl2+dt>dl3))*4
对象型如：

 sheet: {
        firstList:{
          firstTitle: {
            value: '练习册',
            course: {
              lesson1: '物理',
              lesson2: '化学'
            },
            secondTitle: {
            value: '课本',
            course: {
              lesson1: '物理',
              lesson2: '化学',
              lesson3: '生物'
            }
          }
        },
         secondtList:{
          firstTitle: {
            value: '练习册',
            course: {
              lesson1: '物理',
              lesson2: '化学'
            },
            secondTitle: {
            value: '课本',
            course: {
              lesson1: '物理',
              lesson2: '化学',
              lesson3: '生物'
            }
          }
        },
         thirdList:{
          firstTitle: {
            value: '练习册',
            course: {
              lesson1: '物理',
              lesson2: '化学'
            },
            secondTitle: {
            value: '课本',
            course: {
              lesson1: '物理',
              lesson2: '化学',
              lesson3: '生物'
            }
          }
        },
         fourthtList:{
          firstTitle: {
            value: '练习册',
            course: {
              lesson1: '物理',
              lesson2: '化学'
            },
            secondTitle: {
            value: '课本',
            course: {
              lesson1: '物理',
              lesson2: '化学',
              lesson3: '生物'
            }
          }
        }

Answer 1

首先，先给你一个官方的链接地址： https://vuefe.cn/v2/guide/lis...

最后，虽然不知道你最终想循环成啥样，我这儿就随便写一个，你结合文档参考试试(不知道对不对，大概是这么个意思)：

<div v-for="outerVal in sheet">  //sheet
    <div v-for="(middleVal,middleKey) in outerVal">  //List
            {{middleKey.value}}   //title的值
        <div v-for="innerVal in middleKey.course">  //Title
            {{innerVal}}  //课程值
        </div>
    </div>
</div>

Answer 2

想知道最后怎么循环出来的呢?
第二个循环中 无法取到in middleKey.course,求解答该用什么方法呢