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

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

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

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

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

イベント

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

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

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

huang.msg2 = d;

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

関連記事:

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

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