목록자식 컴포넌트 (1)

jhhan의 블로그

Vue.js - slot 문법

Vue.js에 대해서 적어보는 포스트입니다. 이번에는 제목처럼 slot 문법에 대해서 알아보겠습니다. 컴포넌트끼리 데이터를 전달하기 위해서, 특히 부모컴포넌트에서 자식컴포넌트로 데이터를 전달하려면 반드시 props를 사용해서 진행해야 합니다. 참고로 props 사용법입니다. // 부모 컴포넌트 // 자식 컴포넌트 // Example.vue 부모 컴포넌트에서 전송하고, 자식 컴포넌트에서 받아서 사용합니다. 정확하게 단계로 알아본다면 부모 컴포넌트에서 전송 자식 컴포넌트에서 받기 + 등록 자식 컴포넌트에서 사용 대략 3가지 단계입니다. 하지만 이런 단계들이 귀찮다고 여길 수도 있습니다. 이런 귀찮음을 해소해주는 문법이 바로 slot 문법입니다. // 부모 컴포넌트 테스트 // 자식 컴포넌트 - Example..
Vue.js 2023. 1. 28. 01:12
이전 Prev 1 Next 다음