同 Vue2 的使用方式类似
这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效。如果你熟悉 React,这与 React 的 context
特性很相似。provide
选项应该是一个对象或返回一个对象的函数。该对象包含可注入其子孙的 property。在该对象中你可以使用 ES2015 Symbols 作为 key,但是只在原生支持 Symbol
和 Reflect.ownKeys
的环境下可工作。inject
选项应该是:
1. 一个字符串数组,或
2. 一个对象,对象的 key 是本地的绑定名,value 是:
1. 在可用注入内容中搜索用的 key (字符串或 Symbol),或
2. 一个对象,该对象的:
1. `from` property 是在可用的注入内容中搜索用的 key (字符串或 Symbol)
2. `default` property 是降级情况下使用的 value
提示:提示:
provide
和inject
绑定并不是响应式的。这是刻意为之的。然而,如果你传入了一个响应式的对象,那么其对象的 property 仍是响应式的。
父组件:
子组件: