<div id='app'>
  <b-list-group>
    <b-list-group-item href="http://apple.com">iPhone
      <b-badge>5</b-badge>
    </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>

  <div class="text-center">
    <b-button variant="primary" size="sm" v-on:click="share_count += 1">
      Share on Twitter
      <b-badge variant="light">{{ share_count }}</b-badge>
    </b-button>
  </div>
</div>
new Vue({
  el: "#app",
  data: {
    share_count: 0
  }
});

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