Vue中如何详细运用provide与inject实现依赖注入？

本文共计649个文字，预计阅读时间需要3分钟。

目录+前言+示例+项目案例+子组件+前言+关于Vue组件的通信方式如下：+ 父子组件： + 通过prop + 使用$emit + 使用$root、$parent、$children+ 非父子组件： + 使用vuex + 父子层叠传递 + 使用中央事件总线bus

目录

• 前言
• 示例
• 项目案例
• 子组件

前言

关于Vue组件的通讯方式如下：

• 父子组件：通过prop，$ emit，；
• 非父子组件：vuex，父子层层传递、中央事务总线bus，$ref。

vue官网建议，在正常情况下，上述方式已经能满足绝大多数甚至所有的业务需求，对于应用程序代码应优先使用它们处理。然而，还有一种主要为高阶插件/组件库提供的用例办法，即provide / inject（这对选项需要一起使用）。

from表示在可用的注入内容中搜索用的 key，default当然就是默认值。