목록provide/inject (1)

Posis

[Vue.js] Provide/inject를 활용한 컴포넌트 데이터 전달

이번 포스트는 Provide/inject를 활용한 컴포넌트 데이터 전달에 대해서 다뤄보겠습니다. props와 provide/inject 컴포넌트 간에 데이터 전달에는 props와 provide/inject 두 가지가 존재합니다. props: 컴포넌트 태그마다 작성을 해서 데이터를 보내서 자식 컴포넌트 안에서 script안에 props를 정의해 주어야 합니다. 단, 컴포넌트를 여러 번 거친다고 할 때 모든 컴포넌트마다 작성을 해 주어야 합니다. provide/inject: provide와 inject는 컴포넌트 태그에 작성하지 않습니다. script안에 작성하며 props와 다른 점은 컴포넌트가 여러 번 거쳐도 최상위 컴포넌트와 최하위 컴포넌트 단 두 곳에서만 작성하면 데이터 전달이 이루어집니다. prop..
Vue.js 2021. 8. 15. 17:28
이전 Prev 1 Next 다음