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列表中，然後用相反的鍵拉右邊的列表爲您視圖。