Home
Vue

How to loop through an array and render elements in Vue.js?

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

data: {
  items: ['Item 1', 'Item 2', 'Item 3']
}

Related
How to implement route navigation guards in Vue Router? | How to dynamically load components in Vue.js? | How to handle forms with validation in Vue.js? | How to handle routing in a Vue.js application using Vue Router? | How to perform asynchronous operations in Vue.js? | How to handle asynchronous operations in Vuex actions? | How to create dynamic and reusable components in Vue.js? | How to handle global events in Vue.js? |

Post your Answer