[vue] vue 컴포넌트 props, custom event provide inject

메인 Vue는 App.vue로 가져야 함

가장 최상위 컴포넌트

 

Visual Studioi extension 추천 vetur

.vue 파일 인식

 

Props

js에서는 camelCase

html template에서는 kebab-case

동적 데이터 바인딩은 v-bind, :단축어

props (parent -> child)

부모에서 자식으로 데이터 전송

 

custom-events

$emit custom events ( child -> parent)

이벤트 이름은 kebab-case 사용 권장

자식에서 부모로 이벤트 전달

 

provide-inject

provide - inject

많은 컴포넌트를 지나서 데이터를 전송할 때

장거리 통신이 필요한 경우에만 쓰는 게 좋다

prop, emit을 대체해서는 쓰지 말자