1.뷰 CLI를 이용한 프로젝트 생성 원하는 위치에 새로운 폴더 vue-todo를 생성하고 vue-todo폴더 내에서 cmd창을 열어 뷰 CLI로 프로젝트를 생성한다. 자세한 내용은 뷰 프로젝트 구성 방법 를 참고해 주세요 2. 프로젝트 초기 설정 프로젝트에 반응형
프로젝트 폴더에 src 밑에 components 폴더를 생성하고 그 아래에 TodoHeader.vue TodoInput.vue TodoList.vue TodoFooter.vue를 생성한다.image컴포넌트 같은 경우 관례상 src/components 폴더에서 관리를 한
imageimage인풋박스에 텍스트를 입력하면 뷰 개발자도구 newTodoItem 값이 같이 갱신되는 것을 확인 할 수 있다.image추가 버튼을 클릭했을 때 console창에 텍스트 값이 표시됨으로, 이벤트가 정상적으로 동작하는 것을 확인할 수 있다.입력받은 텍스
image원인화면을 4개의 영역(TodoHeader TodoInput TodoList TodoFooter)으로 분리해 놓았기 때문에 한 영역의 처리 결과를 다른 영역에서 감지하지 못한다.image해결방법 현재 애플리케이션은 각각의 컴포넌트에서만 사용할 수 있는 뷰 데이