Vue.js 2 - 폼을 작은 컴포넌트로 분할하는 것은 나쁜 방법입니까?

Vue.js 2 - 폼을 작은 컴포넌트로 분할하는 것은 나쁜 방법입니까?

나는 약 20개의 필드가 있는 큰 폼을 가지고 있다.최소 코드량을 달성하기 위해 입력과 선택을 위한 독립된 컴포넌트를 작성했다.그러면 필드 배열이 전달된다.v-for폼을 만듭니다.

그러나 곧 저는 양식 일련화와 링크된 선택(예를 들어, 선택한 주에 따라 다른 선택)을 처리하는 것이 매우 복잡하다는 것을 알게 되었습니다.

단, 하나의 컴포넌트에 폼을 작성하면 div, class 등이 반복됩니다.

그럼 어떤 방법이 더 나을까요?

Bootstrap-vue의 공식 문서와 코드를 읽고 참조한 결과, 독립적이고 재사용 가능한 컴포넌트가 필요하다는 것을 알게 되었습니다.

폼 시리얼화 및 링크된 선택 문제를 해결하려면 공식 문서 폼 입력 컴포넌트에서 커스텀 이벤트를 사용하면 도움이 됩니다.

언급URL : https://stackoverflow.com/questions/42393015/vue-js-2-is-it-a-bad-practice-to-break-down-form-into-smaller-components