【Vue3】emitとは?使い方を紹介する

公開日:

vuejsのemitとは

子コンポーネントから親コンポーネントにデータを渡したい時があると思います。

そんな時はemitを使うと、データを渡すことがどきます。

emitの使い方

  • 子コンポーネント独自のイベントをemitを使って発火させる
  • 親コンポーネントではv-onを使ってイベントを受け取る

という仕組みです。

親コンポーネント。

<child-component v-on:custom-event="myMethod">

子コンポーネント。

this.$emit(custom-event, value)