【Vue.js】 親子コンポーネント間のライフサイクルフック - Qiita

Vue.js 親子コンポーネント間のライフサイクルフック はじめに ・Vue.jsの単一コンポーネントのライフサイクルフックはこちらの記事などにもあるように、実装をするうえで避けては通れない概念です。 ただ、親子間のライフサイクルについて、あまり言及されている記事が無く、実装中に詰まった箇所がありましたので、こちらでまとめようと思います。 前提 Vue.jsのライブラリとしてVuetityを使用。 起こった事象 下記のような親子コンポーネントを想定する。 <template> : <v-row> <v-expansion-panels accordion> <v-expansion-panel @click="openAcordion()"> <v-expansion-panel-header>XXXX</v-expansion-panel-header> <v-expansion-pan