title: Issue with update content data in handsontable
body: <p>I'm trying to implement <code>handsontable</code>. As per my requirement, I want to re-render <code>handsontable</code> from changing a dropdown value, but on dropdown selection, the <code>handsontable</code> does not update properly. Below is my code:</p>
  
  <p><em>Handsontable.vue:</em></p>
  
  <pre><code>&lt;template&gt;
    &lt;div id="hot-preview"&gt;
      &lt;HotTable :settings="settings" :ref="referenceId"&gt;&lt;/HotTable&gt;
      &lt;div&gt;&lt;/div&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import { HotTable } from '@handsontable-pro/vue';
  
  export default {
    components: {
      HotTable
    },
    props: ['settings', 'referenceId'],
  }
  &lt;/script&gt;
  
  &lt;style&gt;
  #hot-preview {
    max-width: 1050px;
    height: 400px;
    overflow: hidden;
  }
  &lt;/style&gt;
  </code></pre>
  
  <p><em>Parent component</em>:</p>
  
  <pre><code>&lt;template&gt;
    &lt;div id="provisioning-app"&gt;
      &lt;v-container grid-list-xl fluid&gt;
        &lt;v-select
            :items="selectList"
            item-text="elementName"
            item-value="elementName"
            label="Standard"
            v-model="selected"&gt;&lt;/v-select&gt;
          &lt;handsontable :settings.sync="settings" :referenceId="referenceId"&gt;&lt;/handsontable&gt;
       &lt;/v-container&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import Handsontable from '@/components/Handsontable';
  import PrevisioningService from '@/services/api/PrevisioningService';
  
  export default {
    components: {
      Handsontable
    },
    data: () =&gt; ({
      selectList: [],
      selectApp: [],
      selectedOption: '',
      referenceId: 'provision-table',
    }),
  
    created(){
      PrevisioningService.getProvisioningList(this.$session.get('userId'), this.$session.get('customerId')).then(response =&gt; {
        this.provisioningList = response;
      });
    },
  
    beforeUpdate() {
      this.provisioningApp = this.getProvisioningAppList;
    },
    computed: {
      settings () {
        return {
            data: this.getSelectApp,
            colHeaders: ["Data Uploaded on", "Duration in Minutes", "Start Time", "Shift","Description","Next Day Spill Over", "Site Name"],
            columns: [
              {type: 'text'},
              {type: 'text'},
              {type: 'text'},
              {type: 'text'},
              {type: 'text'},
              {type: 'text'},
              {type: 'text'}
            ],
            rowHeaders: true,
            dropdownMenu: true,
            filters: true,
            rowHeaders: true,
            search: true,
            columnSorting: true,
            manualRowMove: true,
            manualColumnMove: true,
            contextMenu: true,
            afterChange: function (change, source) {
              alert("after change");
            },
            beforeUpdate: function (change, source) {
              alert("before update");
            }
          }
      },
  
      getSelectApp () {
        if(this.selectedOption !== undefined &amp;&amp; this.selectedOption !== null &amp;&amp; this.selectedOption !== ''){
          PrevisioningService.getProvisioningAppList(this.selectedOption, this.$session.get('userId'), this.$session.get('customerId')).then(response =&gt; {
            this.provisioningApp = response;
            return this.provisioningApp;
          });
        }
      }
    },
    method: {
      getSelected () {
        return this.selectedOption;
      }
    }
  };
  &lt;/script&gt;
  </code></pre>
  
  <p>With the above code, my data is received successfully from the server, but I'm unable to update the data in <code>handsontable</code>, as shown in the following screenshots:</p>
  
  <p><a href="https://i.stack.imgur.com/9bOs3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9bOs3.png" alt="Here how to show Handsontable when No any value selected on drop-down"></a></p>
  
  <p><a href="https://i.stack.imgur.com/CAyzL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CAyzL.png" alt="And 2nd image show how the table looks after change dropdown value"></a></p>
  
  <p>How do I properly render the table after the dropdown selection?</p>