[Vue3] Composition API 사용 예시 (Vue2와 비교)

뷰3로 버전업이 되면서 변경된 점 중 하나만 Composition API 의 추가여부이다. 뷰2와 어떤 부분이 달라지는지 다음의 예시로 감을 잡아보자. 예시) 할 일 목록에 할 일을 추가하고, 완료 상태를 토글할 수 있는 기능 Vue3 컴포지션 API 사용하여 만든 예시(함수 내부에서 상태와 로직을 명확하게 구성하여 관리하여 재사용성 및 가독성이 좋음) // 화면 표시 부분 Add Pending Tasks {{ task.text }} Complete Completed Tasks {{ task.text }} Uncomplete // UI 커스텀 Vue2 로 만든 예시(data, computed, methods) Add Pending Tasks {{ task.text }} Complete Completed ..

2023.09.15