JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//unpkg.com/bootstrap@next/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="//unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.css">
<script src="https://unpkg.com/vue"></script>
<script src="//unpkg.com/babel-polyfill@latest/dist/polyfill.min.js"></script>
<script src="//unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.js"></script>

<div id="app">
{{selected}}

<b-form-checkbox-group
      stacked
      :options="options"
      v-model="selected"
      @click.native="filterTable"
    ></b-form-checkbox-group>
</div>

JavaScript

new Vue({
		el:'#app',
    data :{
        selected: [],
        options: [
          {text: 'Orange', value: 'orange'},
          {text: 'Apple', value: 'apple'},
          {text: 'Pineapple', value: 'pineapple'},
          {text: 'Grape', value: 'grape'}
        ],
      },
    methods: {
			filterTable(){
        console.log(this.selected);
      }
    }
    });