Props 설명 🔖 부모Component 값(전송)을 자식Component(출력)에게 전달해줄때 사용 사용법 defineProps()에 전달하는 인자는 props 옵션에 제공하는 값(읽기 전용)과 동일 두 선언 스타일은 동일한 props 옵션을 사용 부모에서 자식에게 데이터 넘기기 자식에서 부모 데이터 출력하기 {{ props.data }} Emits 설명 🔖 자식Component 값(전송)을 부모Component(출력)에게 전달해줄때 사용 사용법 defineEmits()에 전달하는 인자는 emit 옵션에 제공하는 값(읽기 전용)과 동일 두 선언 스타일은 동일한 emits 옵션을 사용 자식에서 부모에게 데이터 넘기기 부모에서 자식 데이터 출력하기
v-bind 타입 any (인자 있이) | Object (인자 없이) 설명 🔖 하나 이상의 속성 또는 컴포넌트 prop을 표현식에 동적으로 바인딩 html의 속성인 id, class, style 등에 대해 model 데이터를 연결할 때 사용 속성 :src 이미지 데이터 연결 :href 링크를 통한 연결 :class, v-bind:style 스타일시트 연결 :key 키를 통한 연결 수식어 수식어 설명 .camel kebab-case 속성 이름을 camelCase로 변환 .prop 바인딩을 https://developer.mozilla.org/en-US/docs/Web/API/Element#properties으로 강제 설정 .attr 바인딩을 https://developer.mozilla.org/en-US/..