provide 및 inject는 Vue.js에서 데이터를 공유하는 방법입니다. Provide()는 상위 구성 요소에 데이터를 제공합니다. inject()는 하위 구성 요소의 상위 구성 요소에서 제공하는 데이터를 가져옵니다. 특징: 데이터는 응답성이 뛰어나며 props를 명시적으로 전달하지 않고도 요청 시 필요한 위치로 흐릅니다.
Vue.js에서 제공 및 주입
질문: Vue.js에서 제공 및 주입이란 무엇입니까?
답변: provide와 inject는 서로 다른 구성 요소 간에 데이터를 공유하는 데 사용되는 Vue.js의 두 가지 전역 메서드입니다.
세부정보:
provide
provide('propertyName', value)
provide('propertyName', value)
inject
const propertyName = inject('propertyName')
inject
const propertyName = inject('propertyName')
사용법:
<code class="javascript">// 父组件 export default { setup() { provide('sharedData', { message: 'Hello, world!' }) } }</code>
<code class="javascript">// 子组件 export default { setup() { const sharedData = inject('sharedData') console.log(sharedData.message) // 输出: "Hello, world!" } }</code>
위 내용은 vue에서 제공 및 주입 사용법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!