반응형 Refactoring1 Vue.js 완벽가이드 : (7) 리팩토링 7. 리팩토링 : Data Flow, Slot 사용자 정보를 표시하는 공통 컴포넌트를 만들어 보겠습니다. 7-1. 데이터 흐름 처리 1 기존에 사용자 페이지인 UserView.vue 에서 created() 가 호출될 때 사용자 정보를 store에 담아서 화면에 표현하는 작업을 하였습니다. 이 store 데이터를 이용하여 사용자 공통 컴포넌트를 작성하겠습니다. 사용자 공통 컴포넌트인 /components/UserProfile.vue를 생성합니다. computed를 통해 이미 store에 저장된 사용자 정보를 읽어 화면에 표기합니다. {{ userInfo.id }} {{ userInfo.created }} 그리고 기존의 정의된 UserView.vue에서 UserProfile를 호출합니다. 7-2. 데이터 흐.. 2020. 4. 23. 이전 1 다음 반응형