bootstrap-vue/src/components/tabs/fixtures/tabs.js

BootstrapVue provides one of the most comprehensive implementations of Bootstrap 4 components and grid system for Vue.js and with extensive and automated WAI-ARIA accessibility markup.

window.app = new Vue({
  el: '#app',
  data: {
    tabIndex: null, /* Binding to model is optional */
    tabs: [],
    tabCounter: 0
  },
  methods: {
    closeTab (x) {
      for (let i = 0; i < this.tabs.length; i++) {
        if (this.tabs[i] === x) {
          this.tabs.splice(i, 1)
        }
      }
    },
    newTab () {
      this.tabs.push(this.tabCounter++)
    }
  }
})