Madea-K Dev

プログラムのメモや日々思ったことなど

< 35歳迄に起業し1000万円以上稼ぐ >

動的なコンポーネント

Vue の 要素と 特別な属性の is で可能になりました:

上記の例では、currentTabComponent は次のいずれかを含むことができます:

登録されたコンポーネントの名前、もしくは
コンポーネントのオプションオブジェクト

例 :

<component v-bind:is="currentTabComponent" のcurrentTabComponentプロパティが呼び出され
currentTabのデータに入ってる最初の’Home’が呼び出される。

click すると click="currentTab = tab" のcurrentTabに現在のタブnameが代入され
それがトリガーとなり :is=”currentTabComponent” が呼び出され、コンポーネントの再構築がされる。

/ Vue-Nuxt

×