【Vue.js】セレクトボックスで選択した要素に連動してコンテンツを切り替える方法

この記事ではJavaScriptのフレームワークであるVue.jsを使って、

セレクトボックスで選択した項目に連動して入力フォーム等のコンテンツを切り替える

という機能を実装します。

目次

参考教材・技術書

僕はVue.jsの学習にはこちらの教材と技術書を使っています。

【超オススメ】超Vue.js 2 完全パック (Vue Router, Vuex含む)

Vue.jsの基礎〜応用まで網羅できるうえ、Vue RouterVuexAxiosなどVue.jsでのフロントエンド開発には欠かせないパッケージについても学習できるのでVue.jsを勉強したい全ての人にオススメです。

Vue.js&Nuxt.js超入門

Laravel青本/緑本で超お馴染みの掌田津耶乃さんの入門書です。Vue.jsだけでなくNuxt.js(Vue.jsのフレームワーク)の基礎をしっかり抑えたい方にオススメです。(僕はNuxt.js学習用に購入しました)

Udemyのオススメ講座はこちら↓

TypeScript+Next.js+Laravelハンズオンはこちら↓

デスク周りのオススメアイテムはこちら↓

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!

この記事を書いた人

大学院(機械工学)→重工業→エンジニア→プロダクトマネージャー(PdM)兼エンジニア

神戸で「つながる勉強会」を運営↓
https://tsunagaru-kobe.connpass.com/

神戸グルメのインスタアカウントを運用しています。

目次
閉じる