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 サイトの他の関連記事に注目してください。

推奨読書:

vue を使用して 2048 ミニ ゲームを実装する方法

VeeValidate を使用して vue プロジェクトでフォーム検証を実行する方法

以上がVue マルチレベル コンポーネントの Provide/Inject メソッドの使用の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。