Vue: 允许使用默认值定义可选的注入依赖项

创建于 2017-07-13  ·  3评论  ·  资料来源: vuejs/vue

这个功能解决了什么问题?

对于既可以作为独立组件也可以作为子组件工作的组件,能够为未提供的依赖项提供默认值会很好。
如果这是预期的用例之一,它还可以避免缺少注入的警告。

提议的 API 是什么样的?

注入:数组| { [键:字符串]:字符串 | 符号 | { 名称:字符串 | 符号,默认:任意 } }

feature request in review

最有用的评论

我正在开发一个组件库,该库利用提供和注入某些组件在库的另一个组件的上下文中的行为/外观略有不同。 由于我们的组件被其他工程师用于开发,因此未找到注入的警告不断出现在他们的环境中。

希望实现此功能。 并添加到它,如https://github.com/vuejs/vue/issues/6137 中所述,我希望看到required属性来指示注入是必需的还是可选的。

所有3条评论

同上这个要求。 我通常发现自己做的是将注入的属性覆盖为数据以提供默认值:

inject: [
  'foo'
],
data () {
  return {
    foo: this.foo || 'default'
  }
}

我也为此功能 +1。 目前我有相互嵌套的组件,父母为孩子们提供信息。 警告总是针对根组件弹出,因为它没有注入属性的提供程序。

具体用例:嵌套布局拆分器。

我正在开发一个组件库,该库利用提供和注入某些组件在库的另一个组件的上下文中的行为/外观略有不同。 由于我们的组件被其他工程师用于开发,因此未找到注入的警告不断出现在他们的环境中。

希望实现此功能。 并添加到它,如https://github.com/vuejs/vue/issues/6137 中所述,我希望看到required属性来指示注入是必需的还是可选的。

此页面是否有帮助?
0 / 5 - 0 等级