Vue JS 提供/注入和 Props

Question

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

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

提供/注入使组件紧密耦合。

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

请指教

谢谢

Answer 1

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

\n\n

\n
1. props 是反应性的，而提供/注入则不是。
\n
2. props 只能用于直接子组件。
\n

\n\n

来自文档：

\n\n

\n

提供/注入一起使用，允许祖先组件充当其所有后代的依赖注入器，无论组件层次结构有多深，只要它们位于同一父链中即可。如果您熟悉 React，这与 React\xe2\x80\x99s 上下文功能非常相似。

\n

\n\n

\n
3. 您可以使用提供/注入来设置道具的默认值。
\n

\n\n

例子：

\n\n

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

\n\n

这是一篇文章，介绍了何时使用提供/注入的一个很好的示例

\n