我是初学者，这可能比 vue 更像是一个 JavaScript 问题，但无论如何：

有一个名为handcontainable的电子表格插件，在正常使用中，您可以通过这样做来创建表格

hot = new Handsontable(container, {option})

然后可以使用hot.loadData（）等方法。。

要在vuejs中使用handcontainable，我们可以在这里找到一个包装器https://github.com/handsontable/vue-handsontable-official.使用包装器，可以制作如下表：

 <template>
  <div id="hot-preview">
    <HotTable :root="root" :settings="hotSettings"></HotTable>
  </div>
</template>

<script>
  import HotTable from 'vue-handsontable-official';
  import Vue from 'vue';

  export default {
    data: function() {
      return {
        root: 'test-hot',
        hotSettings: {
          data: [['sample', 'data']],
          colHeaders: true
        }
      };
    },
    components: {
      HotTable
    }
mounted () {
    localforage.config({
      driver: localforage.INDEXEDDB,
      name: 'matchlist-database'
    })
    localforage.getItem('DB').then(function (value) {
      console.log('then i fetch the DB: ' + JSON.stringify(value))

      if (value !== 'null') {
        console.log('dB contain something')
        **root**.loadData(value)
  }
</script>

因此，当我给出一个数组时，它可以正常工作，但是要从数据库加载数据，您必须调用handsontable方法hot.loadData（data）。

我找不到如何在 vuejs 中调用此方法，我总是收到错误类型错误：root.loadData 不是一个函数

我尝试了我能想到的一切，而不是root ex:HotTable.loadData（value）

但无济于事

有人能指出我将如何从vuejs包装器调用可处理的方法吗？或者指出我应该做什么样的阅读来理解我的错误。非常感谢。