くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

Vueのテンプレートで使うタグをPropで指定する(`is`)

Nuxt(Vue)を使ってて、中身が同じだけど一部のタグを変えたいなと思ってたら、
Vueにちゃんと用意されてた(´ω`)

<!-- currentView が変化するとコンポーネントも変化する -->
<component v-bind:is="currentView"></component>

<!-- `<my-row>` は `<table>` 要素内では無効なため必要で、それゆえ巻き上げられます -->
<table>
  <tr is="my-row"></tr>
</table>

Buefyとかのtagはこうやってるのか(´ω`)

以上!!

参考にしたサイト様