[Vue.js] 다이얼로그 구현 방법 질문

JavaScript
1

안녕하세요,

버튼을 눌렀을 때 정보를 입력하는 다이얼로그 창 (e.g. 회원가입 폼)이 띄워지게 하는 것을 Vue.js로 구현하는 방법에 대한 질문입니다.

우선 현재로서는 1개의 vue파일 내에서 isDialogOpen 변수가 버튼이 클릭되었을 때만 True가 되도록 하고, template에 포함된 다이얼로그 창 컴포넌트에 v-model=“isDialogOpen”을 적용해서 구현했는데, 실무에서 더 자주 사용하는 표준적인 방법이 있는지 궁금합니다.

해당 폼이 view 내에 항상 존재하지만 ‘보이는지의 여부’만 버튼 클릭에 따라 달라진다는 개념이 다소 직관적이지 않다고 생각하여, 다른 더 직관적인 방법이 있는지 의문을 가지게 되었습니다.

감사합니다!