<div id="app">
  <ul>
    <li v-for="fruit in fruits" :key="fruit">
      {{ fruit }}
    </li>
  </ul>
</div>

<script>
const app = Vue.createApp({
  data() {
    return {
      fruits: ['Apple', 'Banana', 'Cherry', 'Dragon fruit']
    }
  }
})
app.mount('#app')
</script>