• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • vue手册
  • php手册
  • MySQL手册
  • apache手册
  • redis手册
  • provide

    • 参数:

      • {string | Symbol}key
      • value
    • 返回值:

      • 应用实例
    • 用法:

      设置一个可以被注入到应用范围内所有组件中的值。组件应该使用inject来接收提供的值。

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

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

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

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


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

    上篇:component

    下篇:unmount