WEB/Vue.js
[Vue.js][State Management] 5. Pinia 실습 사전 준비
bay07
2024. 5. 5. 01:57
▶ Pinia를 활용한 Todo 프로젝트 구현
Todo CRUD 구현 Todo 개수 계산 - 완료된 Todo 개수 |
▶ 컴포넌트 구성
![]() |
초기 생성된 컴포넌트 모두 삭제 (App.vue 제외) src/assets 내부 파일 모두 삭제 main.js 해당 코드 삭제 |
![]() |
TodoListItem 컴포넌트 작성 |
![]() |
TodoList 컴포넌트 작성 TodoListItem 컴포넌트 등록 |
![]() |
TodoForm 컴포넌트 작성 |
![]() |
App 컴포넌트에 TodoList, TodoForm 컴포넌트 등록 |
![]() |
컴포넌트 구성 확인 |