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

vuejsのemitとは

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

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

この記事を書いた人

@takasqr アプリケーション開発が大好きなエンジニア。Vue、Swift、Electrom などでアプリを作って公開している。AWS や Firebase などのクラウドサービスも好き。

emitの使い方

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

という仕組みです。

親コンポーネント。

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

子コンポーネント。

this.$emit(custom-event, value)