【Vue.js】templateタグ

2019/10/21 2019/10/20

<template>タグv-ifやv-forで使うとタグが増えずにすっきりさせられる。

<ul>
  <template v-for="item in items">
    <li>{{item}}</li>
    <hr>
  </template>
</ul>

↓

<ul>
  <li>item1</li>
  <hr>
  <li>item2</li>
  <hr>
  <li>item3</li>
  <hr>
</ul>