title: Bootstrap <b-form-input> component does not change when computed properties were changed
body: <p>I use bootstrap-vue form components in my project. I get data from vuex to my component with computed properties and then I have method that saving new data in the vuex store. When data in the store is updated, data in the computed properties is updated too, but in my form I see old data. 
  But if I use <code>&lt;input&gt;</code> tag instead <code>&lt;b-form-input&gt;</code> component, data in the <code>&lt;input&gt;</code> is updated normally. How can I update data in the <code>&lt;b-form-input&gt;</code>?</p>
  
  <pre><code>&lt;template&gt;
  &lt;b-form @submit.prevent="saveWebintSet"&gt;
      &lt;div class="form-row"&gt;
          &lt;div class="col-lg-4 col-md-6 col-sm-12"&gt;
              &lt;b-form-group
                  label="Bind Port"
                  label-for="bind-port"
                  class="required"&gt;
  
                  &lt;b-form-input
                  id="bind-port"
                  v-model="web['bind-port']"
                  v-input-mask v-bind:data-inputmask-regex="regExps.bindPort.pattern"
                  type="text"&gt;
              &lt;/b-form-input&gt;
              &lt;div class="invalid-feedback"&gt;&lt;/div&gt;
          &lt;/b-form-group&gt;
      &lt;/div&gt;
      &lt;button type="submit" class="btn btn-primary mr-3"&gt;Save&lt;/button&gt;
  &lt;/b-form&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      export default {
          computed: {
              web: {
                  get() {
                      return  this.$store.getters.GET_WEBINTF_SETTINGS;
                  }
              },
           },
           methods: {
              saveWebintSet() {
                  this.$store.dispatch('SAVE_WEBINTF_SETTINGS', this.web)
              },
          },
       }
  &lt;/script&gt;
  </code></pre>