Vueサブコンポーネントと親コンポーネント間の通信の詳細説明

今回は、vue サブコンポーネントと親コンポーネント間の通信について詳しく説明します。vue サブコンポーネントを使用して親コンポーネントと通信する場合の 注意事項 について、実際のケースを見てみましょう。 。

1. 親コンポーネントと子コンポーネント間の通信、

1. 図に示すように、
属性 値 を渡します。子コンポーネント、
図に示すように:

zhijeidiaoyo

this.title を直接呼び出します。

次に、子コンポーネントは親コンポーネントにパラメータを渡します

this.$emit("parents", 111) 親

イベント

をリッスンし、親コンポーネントに直接バインドします。 変更方法は図に示すとおりです:

3. サブコンポーネントとサブコンポーネント間の通信

まず、イベント センターを作成します。 main

.js 内

2. サブコンポーネント 2 は次のようにイベントをトリガーします
this.$ root.event.$emit("NAME2","child2's data")

2017-11-01_14512Vueサブコンポーネントと親コンポーネント間の通信の詳細説明
3. サブコンポーネント 1 は次の内容を受け取ります

this.$root.event.$on("NAME2" ,function (d) {

huang.msg2 = d;

})

このメソッドは習得できたと思います。この記事の事例を読んだ後は、php 中国語 Web サイト

その他の関連記事に注目してください。

関連記事:

スクロールバーのスタイルを変更する方法

WOW.jsを使ってページを動かす方法

以上がVueサブコンポーネントと親コンポーネント間の通信の詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。