vue中provide和inject 用法

217 阅读1分钟

用途:父组件向子子孙孙组件传递数据

用法:

provide 提供变量:Object | () => Object

inject 注入变量: Array | { [key: string]: string | Symbol | Object }

注:需要保证组件之间有父与子的依赖关系

父组件:provide(函数写法) image.png

子组件:用的另一种provide写法(对象方法)

image.png

孙组件:

image.png

子子孙孙组件:

image.png