vue3 provide inject用法
我的铅笔
inject 用法可以用来实现取值依赖注入。Vue3 中 inject 主要与组件选项 provide 配合使用,inject 使用组件提供的值。
provide 用于提供或共享一个值给它的 children components,inject 就是 re-ceive 需要的一个值。
例子:
```
const Parent = {
provide () {
认真的成语
我要小说留神的近义词 return {
fruit: 'apple'
}
},
template: `
<div>
<Child />
</div>
`
}
const Child = {
路由器当交换机 inject: ['fruit'],
沃伊特
template: `
<div>{{fruit}}</div>
`摄影艺术歌词
}
```
几个好朋友上述代码实现了父组件 Parent 提供值 fruit 供它的子组件 Child 使用,inject 相当于声明了依赖,Child 组件中可以使用它获得的 fruit。