Form Checkbox - Bootstrap-Vue

https://bootstrap-vue.github.io/docs/components/form-checkbox

HTML

<link rel="stylesheet" href="//unpkg.com/bootstrap@next/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="//unpkg.com/tether@latest/dist/css/tether.min.css">
<link rel="stylesheet" href="//unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.css">
<script src="//unpkg.com/vue@latest/dist/vue.min.js"></script>
<script src="//unpkg.com/tether@latest/dist/js/tether.min.js"></script>
<script src="//unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.js"></script>
<div id="app">
  <b-form-group label="Inline checkboxes (default)">
      <b-form-checkbox-group v-model="selected" name="flavour1" :options="options" @input="onInput">
      </b-form-checkbox-group>
    </b-form-group>
</div>

CSS

#app {
  padding: 20px;
  height: 300px;
}

JavaScript

new Vue({
  el: '#app',
  data () {
    return {
      selected: [], // Must be an array reference!
      options: [
        {text: 'Orange', value: 'orange'},
        {text: 'Apple', value: 'apple'},
        {text: 'Pineapple', value: 'pineapple'},
        {text: 'Grape', value: 'grape'}
      ]
    }
  },
  methods: {
  	onInput (val) {
    	console.log(val)
    }
  }
})