javascript - vue가 동적으로 구성 요소를 추가합니다.

Question

(VUE로 구현) 프로젝트에 요구사항이 있는데, 이를 좀 더 합리적으로 구현하는 방법에 대한 여러분의 의견을 듣고 싶습니다. 요구 사항은 다음과 같습니다. 페이지에서 "만들기" 버튼을 클릭하면 "단일 선택 질문"이 생성되고, "객관식 질문 생성" 버튼을 클릭하면 객관식 질문이 생성됩니다. 어떤 유형의 질문인지, 생성된 질문은 수정, 추가, 삭제 등이 가능합니다.
제 생각은 각 질문 유형을 구성 요소로 만드는 것입니다. 생성을 클릭하면 해당 질문 유형의 구성 요소를 상위 구성 요소에 넣고 마지막으로 상위 구성 요소를 렌더링할 수 없습니다. 각 문제 유형을 수정, 추가, 수정하는 등의 작업은 어디에 작성해야 합니까? 하위 구성요소에 있습니까, 아니면 상위 구성요소에 있습니까?
다음은 UI 렌더링입니다.

Answer 1

두 가지 아이디어를 제공하세요:

1. 추가된 구성 요소 수를 나타내는 배열을 유지 관리한 다음 v-if를 사용하여 현재 렌더링해야 하는 구성 요소를 결정합니다.

2. 렌더링 기능을 사용하고 구성요소를 기능화하세요.