title: Two Way Binding Bootstrap-Vue Tables
body: <p>I am trying to use two way data binding using v-model on <code>bootstrap-vue</code> table. But the value on the table does not change when the value changes. </p>
  
  <p>I try to change data with a input text.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;
      &lt;b-table striped hover :items="items" :fields="fields" v-model="items"&gt;&lt;/b-table&gt;
  
      &lt;span&gt;The Value: {{value}} &lt;/span&gt;
      &lt;b-form-input v-model="value"&gt;&lt;/b-form-input&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
    export default {
      data() {
        return {
          value = '',
          fields: ['field', 'value',],
          items: [
            { field: 'Field of Value', value: this.value},
          ]
        }
      }
    }
  &lt;/script&gt;
  </code></pre>
  
  <p>given value from form input changes the span text but does not change <code>b-table</code> value?</p>