【Vue.js】タブ切り替えを実装してみよう!

ライフマップ開発チームの石上です。 私の直近の開発記事ではVue.jsの基礎的な内容が続きましたが、そろそろ実践的な内容に移りましょう。 前回はVue.jsの中でも重要項目である「ディレクティブ」について勉強しました。今回はその知識を用いて、Webサイトでよく見かける仕組みであるタブ切り替えを実装してみたいと思います。 サンプルコード先にHTMLとVue(Javascript)のサンプルのコードを貼っつけてしまいます。手っ取り早く動作を確認したい方は以下からご確認ください。