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()。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。