vue项目学习:22-组件的递归调用

vue项目学习:22-组件的递归调用_第1张图片

很多的场景会有这样的层级组件。通常后台给的数据结构如下:

list: [{
        title: '成人票',
        children: [{
          title: '成人三馆联票'
        },
        {
          title: '成人四馆联票',
          children: [{
            title: '成人四馆联票(一)'
          }]
        }]
      },
      {
        title: '学生票'
      },
      {
        title: '儿童票'
      },
      {
        title: '军人票'
      }]

这种情况下怎么写?

vue项目学习:22-组件的递归调用_第2张图片

vue项目学习:22-组件的递归调用_第3张图片

重点来了:

社么是组件的递归调用呢?

其实就是在组件自身调用自己的组件。

vue项目学习:22-组件的递归调用_第4张图片

你可能感兴趣的:(web前端)