divタグを使わずに表現

HRタグはHorizontal Ruleの略で水平の罫線を表します。

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script>
<div id="app">
<template v-for="fruit in fruits">
<ul>
  <li>{{fruit}}</li>
  <hr>
</ul>
</template>
</div>

new Vue({
  el: '#app',
 data: {
    fruits: ['りんご','バナナ','キィウイ']
       }
})