【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)