Vue: デフォルト値でオプションの注入依存性を定義できるようにする

作成日 2017年07月13日  ·  3コメント  ·  ソース: vuejs/vue

この機能はどのような問題を解決しますか?

スタンドアロンと子の両方として機能できるコンポーネントの場合、提供されていない依存関係にデフォルト値を提供できると便利です。
また、これが予想されるユースケースの1つである場合に備えて、注入が欠落しているという警告を回避します。

提案された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 評価