728x90 뷰 props1 [Vue.js] 뷰 props 사용 방법 [Vue.js] 뷰 props 사용 방법 ⭐️ props 란 ? 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달할때 사용되어지는 단방향 데이터 전달 방식이다 ⭐️ 사용 방법 부모 컴포넌트에서 자식 컴포넌트를 호출시 자식 컴포넌트 태그 내 v-bind나 : 키워드를통해 데이터를 전달하고 자식 컴포넌트에서 props객체를 통해 데이터를 전달받는 방식이다 ⭐️ 기본 형태 ⭐️ 샘플예제 (로직) 쇼핑몰 상품 리스트가 출력되는 예제를 만들어 보았다. App은 부모 컴포넌트, Menu와 Product는 자식 컴포넌트이고 각 자식 컴포넌트는 props를 통하여 해당하는 데이터를 전달 받아 출력하는 형식이다 ⭐️ App 컴포넌트 (부모컴포넌트) ⭐️ Menu 컴포넌트 (자식 컴포넌트 - 메뉴) {{item}} ⭐️ P.. 2021. 8. 14. 이전 1 다음 728x90
