Vue.jsで子コンポーネントのイベントを親コンポーネントで実装したい場合 - Qiita

Vue.jsで子コンポーネントのイベントを親コンポーネントで実装したい場合 各ページの共通ボタン付きのヘッダーをコンポーネント化し、それぞれのページの子コンポーネントとして実装することは多いかと思います。 ただ、同じヘッダーボタンでもページ毎に処理内容を変えたい等、子コンポーネントのボタンイベントを呼び出す親コンポーネント別で実装したかったのですが、どう実装するか探すのに少し苦労したため、ご参考までに。 子コンポーネント <template> <div class="header"> <a @click="save" class="btn-flat-bottom-border"> <span>save</span> </a> <a @click="add" cass="btn-flat-bottom-border"> <span>add</span> </a> <a @click="del