1-13. provide와 inject

 

일반적으로 하위 컴포넌트에 값 전달할 때 아래처럼 전달한다.

다만 이럴 경우 최하위 컴포넌트에서만 필요한 값인 경우, 그 모든 상위 컴포넌트에서 값을 전달만 해주는 부분을 추가해줘야 하기 때문에 복잡해진다.

특정 하위 컴포넌트에서만 값이 필요한 경우 provide와 inject를 사용할 수 있다.

(depth가 아무리 깊어도!!)

 

https://vuejs.org/guide/components/provide-inject.html#prop-drilling

 

 

아래는 provide/inject 사용 예시