我对VueJs和Firestore还是很陌生，并且遇到了一些新手入门方面的问题，我无法使用文档完全解决这些问题。如果在其他地方回答了此问题，我表示歉意。过去几天我一直在拖网捕捞，看不到任何直接有用的东西。
所以我的问题有两个方面：
1）如何访问Firestore中的子集合？ -我读到此功能现已可用，我相信您可以使用db.collectionGroup查询来深入研究这些子集合，但是使用这种方法运气不高。
2）使用VueJs中的数据-我试图从简单开始，并使用此数据填充基本的“成分”表。假设我可以从这些子集合中获取数据，如何导航到它们？到目前为止，我一直在使用v-for方法。
到目前为止的Firebase结构：
我用以下结构设置了Firestore：
'recipes'是根集合。在此文件中，我有一个文档（单个配方），其中包含作者和配方标题字段。它还具有一个成分子集合，其结构如下：
成分子集合内的每个文档都是具有一个成分及其对应数量的键值对。想法是为每个食谱列出不同成分。
我的Vue代码：
我已经建立了一个快速表格，如下所示：
这会导致看起来很糟糕的事情：
希望您能看到在表代码的前半部分中，我能够拉出配方标题并创建并填充表的第一行。我需要快速道歉，并提到桌子的图像是在尝试放入{{recipe.ingredients.ingredient}}之前拍摄的。反正..
我不知道该怎么做，就是浸入子集合部分并抓住成分和数量来填充后续的行（我有菜鸟刺...）
目前，这是获取配方收集数据的代码：
我假设这只是获取“表面”级别的数据，即作者和菜谱标题，但也不会提取子集合数据。
如果您仍然与我在一起-太好了！
我想了解的是：
a）如果可能，如何使用db.collection技术获取子集合数据？
b）如何使用v-for方法访问此数据？
非常感谢您的帮助。这有点学习曲线，在现实世界中我没有什么可以烦恼的！