Vue JS 提供/注入和道具

Question

与道具相比，何时应该使用提供/注入。

在我看来，道具使组件更有意义。

provide/inject 使组件紧密耦合。

在哪些用例中使用提供/注入是更好的方法。

请指教

谢谢

Answer 1

以下是帮助我在许多情况下做出选择的一些差异

1. props 是响应式的，而 provide / injection 不是。
2. props 只能用于直接子组件。

来自文档：

provide/inject 一起使用，允许一个祖先组件作为其所有后代的依赖注入器，无论组件层次结构有多深，只要它们在同一个父链中。如果你熟悉 React，这与 React 的上下文特性非常相似。

1. 您可以使用 provide / injection 为 props 设置默认值。

示例：

const Child = {
  inject: ['foo'],
  props: {
    bar: {
      default () {
        return this.foo
      }
    }
  }
}

Here 是一篇关于何时使用提供/注入的好例子