종속 (의존성 주입)

대분류

프레임워크

소분류

Vue.js

설명

provide, inject

유형

Vue

부유형

구조

함수

주요 레퍼런스

https://ko.vuejs.org/guide/components/provide-inject.html

속성

vue

최종 편집 일시

2024/10/31 03:29

생성 일시

2024/01/22 08:47

11 more properties

개요

prop드릴링

provide/inject

•

prop드릴링을 해결하기 위한 수단

•

상위 컴포넌트에서 의존성을 주입하여 하위 트리 모든 컴포넌트는 깊이에 상관없이 값을 전달받는다.

Provide()

설명

컴포넌트 하위 항목에 데이터를 제공하는 함수

Type

function provide<T>(key: InjectionKey<T> | string, value: T): void
TypeScript
복사

세부사항

인자 : "키가 될 문자열 또는 심볼(symbol)"과 "제공될 값(객체, 함수 등등)” provide를 통해 전달된 데이터가 주입된 컴포넌트에 의해 변경될 수 없도록 하려면, 제공된 값을 readonly()로 래핑 가능

예제

inject()