JavaScript - vue はコンポーネントを動的に追加します

Question

(VUEで実装) プロジェクトに要件があるのですが、より合理的に実装する方法についてアイデアをいただきたいです。要件は次のとおりです。ページ上の「作成」ボタンをクリックすると「単一選択の質問」が作成され、「多肢選択の質問を作成」ボタンをクリックすると多肢選択の質問が作成されます。つまり、どのボタンをクリックすると選択問題が作成されます。作成した質問は、修正、追加、削除なども可能です。
私のアイデアは、各質問タイプをコンポーネントに作成することです。[作成] をクリックすると、その質問タイプのコンポーネントを親コンポーネントに配置し、最後に親コンポーネントをレンダリングします。ただし、これを行うと、各質問タイプの変更が質問形式、追加や削除などの操作はどこに書けばいいですか？それは子コンポーネントにありますか、それとも親コンポーネントにありますか?
以下は UI レンダリングです:

Answer 1

2 つのアイデアを提供してください:

1. 追加されたコンポーネントの数を表す配列を維持し、v-if を使用して現在レンダリングする必要があるコンポーネントを決定します。

2. レンダリング機能を使用してコンポーネントを機能させます。