VueJs + Firebase

Question

我开始将VueJS与Firebase（和VueFire）一起使用，但我开始为如何构造数据而苦苦挣扎。

我的情况很简单。

我有一个供应商清单和产品清单。

产品只能链接到一个供应商，并且供应商可以有多个产品。

而且我有不同的看法：对于一个供应商

详细一体机产品与供应商的产品的所有产品的所有供应商

• 列表
• 名单。

对于第一和第二的意见，我没有问题，用以下结构

products 
    - productKey1 
     - name : Product1 
    - productKey2 
     - name : Product2 
supplier-products: 
    - supplierKey1 
     - productKey1 
      - name : Product1 
    - supplierKey2 
     - productKey2 
      - name : Product2 
supplier: 
    - supplierKey1 
     - name : Supplier1 
    - supplierKey2 
     - name : Supplier2 

我可以轻松地显示从“/产品”，每个供应商的“供应商 - 的所有产品的列表产品/供应商密钥“

但是，如何查看产品详细信息+供应商详细信息。

这样做的最好方法是什么？

• 将供应商信息添加到每个产品中？
• 将一种外键添加到产品中？
• 另一种方法呢？

感谢您的帮助。

Answer 1

我在我的应用程序中有类似的问题，我在企业和位置之间有类似的关系。我发现最好的解决方案是有一个商店商店，一个地点商店和一个商店之间的加入。

你的情况：

products: [ 
    { productKey: 1, name: 'Product1' }, 
    { productKey: 2, name: 'Product2' }, 
], 
suppliers: [ 
    { supplierKey: 1, name: 'Supplier1' }, 
    { supplierKey: 2, name: 'Supplier2' }, 
], 
supplierProducts: [ 
    { productKey: 1, supplierKey: 1 }, 
    { productKey: 2, supplierKey: 2 }, 
] 

现在，你可以很容易地过滤的supplierProducts利用当前选择中supplierKey，或当前选择productKey列表中，然后用相反的键拉右边的列表为您视图。