Javascript – Vue fügt Komponenten dynamisch hinzu

Question

(umgesetzt mit VUE) Es gibt eine Anforderung im Projekt, und ich möchte Sie um Ihre Ideen bitten, wie man diese sinnvoller umsetzen kann. Die Anforderungen lauten wie folgt: Durch Klicken auf die Schaltfläche „Erstellen“ auf einer Seite wird eine „Single-Choice-Frage“ erstellt. Durch Klicken auf die Schaltfläche „Multiple-Choice-Frage erstellen“ wird eine Multiple-Choice-Frage erstellt, d. h. welche Schaltfläche erstellt wird Wenn Sie darauf klicken, wird die Art der Frage erstellt. Die erstellten Fragen können auch geändert, hinzugefügt, gelöscht usw. werden.
Meine Idee ist, jeden Fragetyp in eine Komponente umzuwandeln. Wenn Sie auf „Erstellen“ klicken, fügen Sie die Komponente dieses Fragetyps in die übergeordnete Komponente ein und rendern Sie die übergeordnete Komponente schließlich Ändern, Hinzufügen oder Ändern jedes Fragetyps. Wo sollten Vorgänge wie das Löschen geschrieben werden? Befindet es sich in der untergeordneten Komponente oder in der übergeordneten Komponente?
Das Folgende ist ein UI-Rendering:

Answer 1

提供两个思路吧：

1. 维护一个数组来表示添加了多少个组件，然后用 v-if 来判断当前需要渲染的是哪个组件。

2. 使用 Render 函数，并用函数化组件。