[Vue.js] 애플리케이션 만들기 (4)

(2021.02.24)

초심을 잃고 2월은 너무 놀아버렸다.. 겨울방학 마지막 웹개발 공부를.. 했다.. 1학기엔 더 열심히 해야지

 

 

 

 

| props 와 이벤트 전달을 이용해 해야할 일 입력 기능 개선하기

 

 

 

 

 

 

 

 

 

 

| TodoInput 컴포넌트와 TodoList 컴포넌트 수정하기

 

 

TodoInput.vue 파일의 addTodo() 메서드 수정

 

App.vue 파일의 addTodo() 메서드

 

 

 

 

 

Todolist.vue 파일의 v-for 디렉티브 대상 객체를 수정

 

propsdata 로 바꿔주어서 새로고침을 하지 않고도 바로 목록이 갱신되도록 만들어줌

 

 

 

 

 

 

 

| 이벤트 전달을 이용하여 Clear All 버튼 기능 개선하기

 

 

1. 상위 컴포넌트 코드 수정하기

 

 

 

 

2. 하위 컴포넌트 코드 수정하기

 

 

 

 

 

 

| 이벤트 전달을 이용해 할 일 삭제 기능 개선하기