當前位置: 首頁>>編程示例 >>用法及示例精選 >>正文


Vue.js app.provide()用法及代碼示例

提供一個可以注入應用程序中所有後代組件的值。

類型

interface App {
  provide<T>(key: InjectionKey<T> | symbol | string, value: T): this
}

細節

期望注入鍵作為第一個參數,提供的值作為第二個參數。返回應用程序實例本身。

示例

import { createApp } from 'vue'

const app = createApp(/* ... */)

app.provide('message', 'hello')

在應用程序的組件內部:

import { inject } from 'vue'

export default {
  setup() {
    console.log(inject('message')) // 'hello'
  }
}
export default {
  inject: ['message'],
  created() {
    console.log(this.message) // 'hello'
  }
}

相關用法


注:本文由純淨天空篩選整理自vuejs.org大神的英文原創作品 app.provide()。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。