Reactの<></>はVueでは<template>

date

Mar 9, 2023

repo_url

slug

template-tag-variable

status

Published

summary

type

Post

thumbnail_url

tags

vue

outer_link

複数タグを条件分岐ディレクティブにしたい場合、divなどでv-ifをするとそのdiv自体も出力されてしまうため、そのようなときは<template> を使用する。

<template>
  <p>
    点数は{{ randomNumber }}点
    <template v-if="randomNumber >= 80">
　　　で優秀な成績です！
      <span style="color:red">すばらしい!</span>
    </template>
  </p>
</template>