temp 5

script.vue

<script setup>
  import { ref } from "vue"
  const user = {
    id: 1,
    name: "John Smith",
    type: "user",
  }
</script>

<template lang="pug">

div(v-for='(n, i) in 5')
  | {{ n }} --- {{ i }}
  
br

div(v-for='(value, key) in user')
  | {{ key }} --- {{ value }}
  
// Result:
  1 --- 0
  2 --- 1
  3 --- 2
  4 --- 3
  5 --- 4

  id --- 1
  name --- John Smith
  type --- user
  
</template>

<style lang="scss" scoped>

</style>

temp-5.markdown

temp 5

A Pen by Gene on CodePen.

License.