#provide

vicky.yu

参数：
{string | Symbol} key
value
返回值：
应用实例
用法：
设置一个可以被注入到应用范围内所有组件中的值。组件应该使用 inject 来接收提供的值。

从 provide/inject 的角度来看，可以将应用程序视为根级别的祖先，而根组件是其唯一的子级。

该方法不应该与 provide 组件选项或组合式 API 中的 provide 方法混淆。虽然它们也是相同的 provide/inject 机制的一部分，但是是用来配置组件提供的值而不是应用提供的值。

通过应用提供值在写插件时尤其有用，因为插件一般不能使用组件提供值。这是使用 globalProperties 的替代选择。

Note

provide 和 inject 绑定不是响应式的。这是有意为之。不过，如果你向下传递一个响应式对象，这个对象上的 property 会保持响应式。

示例：
向根组件中注入一个 property，值由应用提供。

import { createApp } from 'vue'
const app = createApp({
  inject: ['user'],
  template: `
    <div>
      {{ user }}
    </div>
  `
})
app.provide('user', 'administrator')
参考：
Provide / Inject