인프런 커뮤니티 질문&답변
작성한 질문수
안녕하세요 강사님
작성
·
311
퀴즈
41%나 틀려요. 한번 도전해보세요!
사용자 정의 입력 컴포넌트에서 양방향 데이터 바인딩(V-model) 기능을 구현하는 일반적인 방법은 무엇일까요?
데이터를 컴포넌트 내부에만 저장하고 외부와는 통신하지 않습니다.
prop으로 'value'를 받아오고, 값이 변경될 때 'input' 이벤트를 발생시켜 부모에 알립니다.
computed 속성으로 처리하며, setter에서 부모의 데이터를 직접 변경합니다.
watch를 사용하여 부모 컴포넌트와 자식 컴포넌트의 데이터를 계속 동기화합니다.
답변 1
1
짐코딩
지식공유자
각각의 영역이 어떠한 기능인지는 정확히 알 수 없지만 아래 Vuetify 과거 버전을 보시면 Pre-make Layouts 중 Complex Layout을 참고하시면, header, nav, aside, footer 에 대한 참고가 될 것 같습니다.
Vuetify 2.3.x Pre-made Layouts
그리고 다른 레이아웃도 소스도 보시고 참고하시면 될 것 같아요.
소스 보시려면 Vuetifyjs 깃헙 브랜치에서 v.2.3.6 정도에 가시면 확인 가능하네요 🙂
Vuetify v2.3.6 Complex Layout
그리고 그 외 태그는 용도에 맞게 v-card나 HTML5 시멘틱 태그(<section>, <article>...)를 사용하면 되지 않을까요? 🙂
항상 친절하게 답변해주셔서 감사합니다 !