VuetifyのUIコンポーネントを実際に試してみるシリーズの記事の、9回目になります。
今回は、アコーディオン型のリストを実装することができる
v-expansion-panels について、書いていきます。

↑こんな感じのリストを表示してみます。

なお、「アコーディオン型のリスト」と書きましたが、
Vuetifyでは、厳密には
「エキスパンションパネル」と言います。
※これについては、後述します。

Vuetifyの導入方法について等は、以前の記事：
[Vue.js]Vuetify のUIコンポーネントを使ってみる[v-slide, v-caroucel編] にCDN経由での導入方法を、
[Vue.js] Vuetify を導入して Material Design をスマートに取り入れる方法 内に、CLI経由での導入方法 をご紹介しています。あわせてご覧ください。

それでは次のページより、コードのご紹介および、簡単な解説を行なっていきたいと思います。ぜひご覧ください。