javascript - Was ist die beste Kombination aus Vue-Komponenten und Arbeitseffizienz?

Question

Szenario
: Verwenden Sie mithilfe der Route drei Inhalte (Tab-Wechsel) auf einer Seite. Die drei Inhalte sind sehr wichtig und jeder hat seine eigenen Unterschiede.

Frage
: Wie stellt man Komponenten her? Wie schafft man ein Gleichgewicht zwischen Komponenten und Arbeitseffizienz?

Meine Gedanken:

1. Fügen Sie drei Komponenten in eine Funktion ein und übergeben Sie dann verschiedene Dinge, um verschiedene Komponenten zu erstellen.

2. Oder verwenden Sie einfach eine Komponente, um verschiedene Datenquellen zu übergeben. Durch die Trennung der Datenquellen habe ich das Gefühl, dass es mehr Dinge gibt, die ich auf diese Weise beurteilen muss.

Gibt es eine gute Lösung?

Answer 1

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