Vue.js

기존에 로그성 데이터를 보여주는 여러 페이지들을 한 페이지로 합치면서, 한 페이지에서 type에 따라서 동적으로 필터의 구성요소들을 변경하여 사용할 수 있는 공통 필터 컴포넌트가 필요했습니다.대분류 > 중분류 > 소분류 형태로 한 selectbox의 값이 다른 selectbox의 값에 의존할 수도 있고, 분류 1, 분류2 형태로 독립적으로도 조회할 수 있도록 필터 옵션의 구조를 고민해야 했습니다.필터 구조 설명먼저 prop으로 내려주는 filters의 구조를 살펴보겠습니다. filters는 필터 한 개에 대한 정보를 가지고 있는 객체로 이루어진 배열입니다.key: 필터의 고유 키입니다. 이 키는 v-model에서 바인딩할 데이터의 키로 사용됩니다.label: 필터의 라벨로, 사용자에게 표시될 이름입니다...