<ul id="list">
  <li v-for="item in items">
    {{ item }}
  </li>
</ul>
html, body {
  display: grid;
  justify-content: center;
  align-content: center;
  
  height: 100%;
  width: 100%;
}
const list = new Vue({
  el: '#list',
  data: {
    items: ['Milk', 'Eggs', 'Bread']
  }
})

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.min.js