La vie est belle

🔎 컴포넌트 (Component) 란? ▪️ Vue의 가장 강력한 기능 중 하나이다. ▪️ HTML Element를 확장하여 재사용 가능한 코드를 캡슐화. ▪️ Vue Component는 Vue Instance이기도 하기 때문에 모든 옵션 객체를 사용. ▪️ Life Cycle Hook 사용 가능. ▪️ 전역 컴포넌트와 지역 컴포넌트. 안에는 root element가 한 개만 올 수 있다. 💡 컴포넌트간 통신. ▪️ 상위(부모)-하위(자식) 컴포넌트 간의 data 전달 방법. ▪️ 부모에서 자식 : props라는 특별한 속성을 전달. (Pass Props) ▪️ 자식에서 부모 : event로만 전달 가능. (Emit Event) 부모는 자식에게 데이터를 전달할 수 있지만, 자식은 부모에게 데이터를 전달할..

✔️ Vue event. ▪️ DOM Event를 청취하기 위해 v-on directive 사용. ▪️ inline event handling. ▪️ method를 이용한 event handling. ✔️ Vue event 청취 : v-on ▪️ v-on directive를 사용하여 DOM 이벤트를 듣고 트리거 될 때 JavaScript를 실행할 수 있다. ✔️ Method Event Handler. ▪️ 이벤트 발생시 처리 로직을 v-on에 넣기 힘들다. 이때문에 v-on에서는 이벤트 발생시 처리해야 하는 method의 이름을 받아 처리한다. 이벤트 메서드에 함수만 작성하게 된다면, 내부적으로 event 객체를 넘겨준다. ✔️ 이벤트 수식어 (Event Modifier). 수식어는 점으로 표시된 접미사..