ホームページ > 記事 > ウェブフロントエンド > Vue マルチレベル コンポーネントの Provide/Inject メソッドの使用の概要
今回は、Vue のマルチレベル コンポーネントでの Provide/inject メソッドの使用方法を紹介します。Vue のマルチレベル コンポーネントを Provide/inject で使用する場合の 注意事項 について説明します。見て。
Vue 公式警告:
provide と inject は主に、高レベルのプラグイン/コンポーネント ライブラリのユースケースを提供します。アプリケーション コード内で直接使用することはお勧めできません。 もちろん、この警告は単なる警告であり、通常どおり使用できます。 使用方法は、データとプロップを組み合わせたギフト パッケージと非常に似ています:var Provider = { provide: { foo: 'bar' }, // ... } var Child = { inject: ['foo'], created () { console.log(this.foo) // => "bar" } // ... }唯一の違いは、過去に使用されたイベントバスで解決できますが、レイヤーごとに渡す必要がないことです。根深い問題があると、イベント全体の原因になります。エミットの構成は非常に混乱しており、維持するのが困難です。 Provide / Inject を使用すると、親子の一方向データ フローを明確にすることができます。 この記事の事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。 推奨読書:
VeeValidate を使用して vue プロジェクトでフォーム検証を実行する方法
以上がVue マルチレベル コンポーネントの Provide/Inject メソッドの使用の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。