꾸준한 개발일기

form 방식이나 ajax로 구현한 게시판 crud에 vue.js와 axios 비동기 통신을 적용해보았다. Vue.js를 사용하면서 편의를 위해 SPA로 작성하고, 페이지 전환은 보통 라우터를 사용해야 하지만 내가 속해있는 프로젝트에서는 전자정부프레임워크 spring의 jsp를 사용하기 때문에 이 환경에 맞춰 만들어보려했다. v-show를 이용하여 페이지 전환을 하며 컴포넌트 별 화면을 껐다 켰다 해주었는데 그 중 메인 포인트는 컴포넌트 간의 데이터 통신이었다. 컴포넌트로 화면을 구성하게 되면 같은 웹페이지라도 데이터를 공유할 수 없다. 컴포넌트마다 고유한 유효 범위를 갖기 때문이다. 그렇다면 데이터 전달을 하려면 어떻게 해야할까? 형제 컴포넌트 간의 데이터 전달 방법 Vue.js에는 이벤트버스 라는 것..