Vueで複数のタグをラップするだけのコンポーネントが欲しいなら<template>を使えば良さそう - nwtgck / Ryo Ota

Vueで複数のタグをラップするだけのコンポーネントが欲しいなら<template>を使えば良さそう

複数のタグをまとめたいけど、<span>や<div>を使いたくない時の方法。

<template>は別にトップレベルでなくても使える。

code:html

<template v-if="ok">

<h1>Title</h1>

<p>Paragraph 1</p>

<p>Paragraph 2</p>

</template>

参考: 条件付きレンダリング - vue.js

例：https://codepen.io/nwtgck/pen/pooxeqQ?editors=1011