javascript - vue元件與工作效率的最佳搭配是什麼

Question

場景
：一個頁面裡面用三塊內容（選項卡切換），用route做。三塊內容非常項，各自有各自的不同。

問題
：如何去做元件？如果把握組件和工作效率之間的平衡？

我的想法:

1.三個元件放在一個function裡面，然後把不同的東西，傳入進去，建構出一個個不同的元件。

2.或者就用一個元件，傳遞不同的資料來源。把資料來源分開，這種方法我感覺我需要判斷的東西就變多了。

有沒有什麼好的解決辦法呢？

Answer 1

抽取出公共部分。
不同的地方用slot插槽的方式傳入，或是靠props配置。