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()。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。