Vue.js 시작하기 - Components Communication
컴포넌트 통신 방식 - 뷰 컴포넌트는 각각 고유한 데이터 유효범위 가지기 때문에 컴포넌트 간에 데이터를 주고 받기 위해서는 규칙을 따라야함. Props 속성 - 컴포넌트 간에 데이터를 전달할 수 있는 컴포넌트 통신 방법 - 상위 컴포넌트에서 하위 컴포넌트로 내려보내는 데이터 속성 Props 속성 코드 형식 - props 속성을 사용하기 위해서는 하위 컴포넌트의 컴포넌트 내용과 상위 컴포넌트의 템플릿에 각각 코드를 추가해줘야함 // 하위 컴포넌트의 내용 var childComponent = { props: ['프롭스 속성 명'] } ✔ tip - HTML 속성은 대소문자를 구분하지 않으므로 문자열이 아닌 템플릿을 사용할 때는 camelCased prop 이름에 해당하는 kebab-case(하이픈 구분)를 ..
Programming/Vue.js
2022. 3. 7. 16:37
