debonki子コンポーネントから親コンポーネントへのデータの受け渡し〜$emitを使って〜TwitterFacebookはてブLINEPocketVueでは、コンポーネント間の関係はした図のように、ツリー状になっており、上から下へのデータの受け渡しは、propを使って行っていました。ツリーの下から上にデータを渡すときは、少し大変なようで、親コンポーネントが子コンポーネントのイベントを購読することによって実現するようです。公式ドキュメントを読みながらした僕の理解はこんな感じ。$emit()でカスタムイベントを定義できると行っておきながら、何の処理もしていないじゃないかといったツッコミどころは多いですが、とりあえずの理解のために概念図を書いてみました。パワポとか使ってもっと綺麗な図にできたら良かったのですが、そこまでの気力はありませんでした。ソースコードカスタムイベントを作って遊ぶために使ったソースコードです。}};</script>$emitを使ってみて処理自体はとても単純なのですが、定義しなければいけないプロパティ名、イベント名などが多く、親コンポーネントと子コンポーネントを行き来していると訳が分からなくなって、頭がこんがらがってしまうという印象でした。date*日本語が含まれない投稿は無視されますのでご注意ください。Routerを使ってみるRECOMMENDこちらの記事も人気です。