• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • 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')
    
    在应用程序的组件内部:

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

    上篇:app.component()

    下篇:app.directive()