如何在组件Vue.js中显示Firebase子集合

Question

我找不到从Firestore获取子集合的方法，但是我可以使用字段。

我的组件代码有问题，与Firestore的连接不好。

<template>
...
 <div v-if="coda"
            :key= "coda.cid"
            :nom="coda.cli.nom"
            :pedT="coda.pedT"
             >

这是firebase文档集合中显示良好的字段

              <v-toolbar-title >
                <h1> {{coda.cli.nom}} </h1>
              </v-toolbar> 

这是同一Firebase文档的子集合，但不起作用

                         <v-data-table
                            :items="pedT"
                            class="elevation-1"
                            >
                            <template v-slot:items="props">
                                <td>{{ props.item.prod.nam }}</td>
                                <td class="text-xs-right">
                                  {{ props.item.prod.uni }}
                                </td>
                          </v-data-table>
...
 </div>
</template>

这是我脚本中最重要的代码

<script>
import { db } from '@/firebase'

export default {
    data: () => ({
         codas: [],
         coda: {
            cli: { nom: '',
                       clid: ''
                     },
            pedT: ''
        },        
        pedT: [],
        pedI: {
            prod: '',            
        },
    })
     methods: {
        abrirCoda(coda) {    
            this.coda = coda;
        }
    }

}
</script>

消防站结构：

Usuarios/{uid}/
(Collection)codas/{cid} (coda)/
                              -cid
                              -cli:{
                                   -nom:
                                   -id:
                                   }
                              (subcollection) pedT/{piid} (pedI)/
                                                                -prod: {
                                                                       -nam:
                                                                       -uni:
                                                                        }