Vueで子コンポーネントから親コンポーネントに値を渡す方法

ここで、Vue のサブコンポーネントから親コンポーネントに値を渡す方法を共有します。これは優れた参考値なので、皆さんのお役に立てれば幸いです。

子コンポーネントがトリガーイベントを登録し、親コンポーネントが子コンポーネントのトリガーイベントを登録した後のメソッドがメソッドに書かれています

親コンポーネントはこんな感じで書きます

<component-a v-on:child-say="listenToMyBoy"></component-a>
<p>Do you like me? {{childWords}}</p>
 methods: {
   listenToMyBoy: function (somedata){
    this.childWords = somedata
   }
  }

子コンポーネントコンポーネント-a はこのように書きます

<button v-on:click="onClickMe">like!</button>
methods: {
  onClickMe: function(){
  this.$emit(&#39;child-say&#39;,this.somedata);
  }
 }

上にまとめましたので、今後皆様のお役に立てれば幸いです。

関連記事:

vueプロジェクトでueditorを使用する(詳細なチュートリアル)

vueプロジェクトにnoVNCリモートデスクトップを導入する手順は何ですか

nodejsクローラーを使用してスーパーエージェントとcheerioを使用する方法

以上がVueで子コンポーネントから親コンポーネントに値を渡す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。