<div id='app'>
  <b-list-group>
    <b-list-group-item href="http://apple.com">iPhone</b-list-group-item>
    <b-list-group-item>OnePlus 3T</b-list-group-item>
    <b-list-group-item>Samsung Galaxy 8</b-list-group-item>
    <b-list-group-item v-for="item in items">
      {{ item.message }}
    </b-list-group-item>
  </b-list-group>
</div>
new Vue({
  el: "#app",
  data: {
    items: [
      { message: "Nokia 8" },
      { message: "OnePlus 5T" },
      { message: "Samsung Galaxy S9" }
    ]
  }
});
View Compiled

External CSS

  1. https://unpkg.com/bootstrap@4.1.3/dist/css/bootstrap.min.css
  2. https://unpkg.com/bootstrap-vue@2.0.0-rc.11/dist/bootstrap-vue.css

External JavaScript

  1. https://unpkg.com/vue@2.5.17/dist/vue.min.js
  2. https://unpkg.com/bootstrap-vue@2.0.0-rc.11/dist/bootstrap-vue.min.js