[Vue.js]Callback vs Emit Events / 子コンポーネントから親のメソッドを実行する方法

Vue.jsにおける親子コンポーネント間でのデータの受け渡しの基本は、Pass Props / Emit Eventsである。親から子へはPropsでデータを渡し、子から親へはEmitでデータを渡す。 そんな面倒なことするより親コンポーネントから子コンポーネントにコールバック関数を渡して、なんらかのイベントが発生したらコールバックを実行してくれたほうがシンプルになるんじゃ？と思いついた。 ということで、CallbackとEmit Eventsについて調べたので、両方の実装方法とどちらが良いのかをまとめる。 ※ 以降、Callbackをコールバック方式、Emit Eventsをイベント方式と呼ぶ 親子コンポーネント間のデータの受け渡し（Pass Props/Emit Events）については、以下の記事を参照してほしい。 コールバック方式: コールバック関数を渡して実行する <div id=