【provide和inject传值】

【provide和inject传值】


父子传值

在父组件中使用provide存放msg值
【provide和inject传值】
在子组件中使用inject接收值
【provide和inject传值】

祖孙传值

在父组件中使用provide存放孙子值
【provide和inject传值】
在子组件中导入孙子组件
【provide和inject传值】

在孙子组件中使用inject存放sunMsg
【provide和inject传值】
特点:
可以父传子 也可以爷爷传孙子 可以向下传递
不可以兄弟之间传值,兄弟传值建议使用事件总线的方式

上一篇:Vue3CompositionAPI中inject细节


下一篇:vue3小野森森-03-toRaw,markRaw,生命周期钩子,选项式provide及inject,组合式provide及inject,给provide及inject增加响应式,$refs