[Vue/Composition API] Prop - 부모가 자식에게 데이터 보내기, Parent -> Child

Vue는 Component 기반이라 데이터를 주고받는 상황이 많다. 이 시간 부모가 자식에게 데이터를 넘겨줘보자 0. 작업환경 Vue-Cli Vue3 vuetify 3.0 (이것은 없어도 됩니다.) Composition API 1. Props란? 부모가 자식에게 data를 전달하는 단방향 전달 방식. (Emit - 자식 -> 부모 데이터 보내기는 아래 링크) https://blog.naver.com/an_4_gel/222754225780 [Vue3/composition API] 'emit' - 자식이 부모에게 data 보내는 법, child -> parent 부모와 자식이 데이터를 교환할 때 '주는놈이 누구냐'에 따라 명령어가 달라진다. 부모 -> 자... blog.naver.com 2. 부모 컴포넌트에서 작업 자식 컴포넌트에서 'v-bind'혹은 ':' 키워드를 이용하여 전달합니다. (여기서는 ':'를 이용) :(넘겨줄 이름을 선언해 준다) = "(넘겨줄 데이터)" <templat...

#CompositionAPI #prop #Vue3 #데이터보내기 #부모가자식한테

원문링크 : [Vue/Composition API] Prop - 부모가 자식에게 데이터 보내기, Parent -> Child