vue3 js 이벤트

이벤트 버블링

• 이벤트를 걸어놓게 되면 javascript는 위로 이동하게 된다.
• 해당 컴포넌트의 부모 컴포넌트로 올라가 이벤트를 모두 실행시킨다.
• 다음 이벤트를 모두 중지시켜야 하기 때문에 해당하는 종류의 이벤트 뒤에 .stop 을 작성

이벤트 인자 받기
@change="toggleTodo(index, $event)" 뒤에 $event를 작성하게 되면 아래에서 event 인자를 받아 사용할 수 있다

데이터 수정

1. 해당 세부정보의 데이터를 받아온다
2. 기존의 정보를 변수에 저장을 해놓는다.
3. 변경된 값을 DB에 저장한다.

javascript 객체

• 원시 타입 : 숫자, 스트링, 불리언, 언디파인… ⇒ 자체의 값을 변수에 저장함
• 참조 타입: 객체, 배열, 함수… ⇒ 메모리의 주소를 변수에 저장

참조 타입을 복사하고 내부의 값을 변경하면 복제된 것도 값이 변경된다.!

... 구조 분해 할당으로 객체값을 복사하면 값만 넘어간다!!

여러가지 유용한 라이브러리가 들어있는 lodash 를 사용해도 된당