component
-
[프로젝트][ToDoList] 컴포넌트 내용 구현하기1Vue.js 2020. 2. 15. 13:47
TodoHeader: 애플리케이션 이름 표시 TodoInput:할 일 입력 및 추가 TodoList:할 일 목록 표시 및 특정할 일 삭제 TodoFooter:할 일 모두 삭제 TodoHeader scoped는 뷰에서 지원하는 속성, 스타일 정의를 해당 컴포넌트에만 적용하겠다는 의미이다. ToDoInput input 태그,버튼 추가하기 v-model로 값을 특정 data에 넣어준다. 버튼 이벤트 설정해준다. 입력 받은 값을 로컬 스토리지에 저장한다. setItem() API를 사용해 저장할 수 있다. -setItem()은 키, 값 형태이며 저장 기능을 최대한 단순하게 하기 위해 키, 값 모두 입력받은 텍스트로 지정한다- *저장된 위치 개발자 도구->Application->Local Storage ->htt..