목록splice (1)

ksundev 님의 블로그

[TODO App] 동적 앱 만들기 (TodoList.vue)

Vue.js 동적 앱 만들기 - TodoList 컴포넌트 구현저번 포스트인 TodoInput.vue에 이어서 이번 포스트에서는 Todo(할일)를 나타낼 리스트를 완성해보겠습니다.1. data()에 할 일 목록을 저장할 배열 정의하기TodoList 컴포넌트에서는 여러 개의 할 일을 관리해야 하므로 배열을 사용합니다.export default { data() { return { todoItems: [], // 할 일 목록을 저장할 배열 }; }, // ... 나머지 코드};todoItems 배열의 역할할 일 목록 저장: 여러 개의 Todo 객체를 배열 형태로 관리합니다동적 렌더링: 배열의 각 요소를 화면에 동적으로 표시합니다상태 관리: 할 일의 추가, 삭제, 완료 상태 변경을 추적합..
[개발] Vue.js/중급 2025. 7. 6. 16:03
이전 Prev 1 Next 다음