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 pass data between parent and child components in vue? | How to handle asynchronous tasks in Vue.js using async/await? | How to handle user authentication with Vue.js and Firebase? | Explain Vue.js directives like v-bind and v-on. | How to use mixins in Vue.js? | How to integrate Vuex with Vue.js for state management? | How to handle errors in Vue.js applications? | How to handle asynchronous operations in Vuex actions? |

Post your Answer