handsontable 在vue中使用

一、安装

1.npm install handsontable-pro @handsontable-pro/vue

2.npm install handsontable @handsontable/vue

这样安装完handsontable依赖的各模块（moment、numbro、pikaday 、zeroclipboard）也一起安装完了，不必再单独安装

页面如果使用相关的模块方法，可以直接import引入，如：

页面直接上代码：

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

<script>
  import { HotTable } from '@handsontable-pro/vue'
  import "handsontable/dist/handsontable.full.css"
  import Handsontable from 'handsontable-pro'

  export default {
    components: {
      HotTable
    },
    data: function() {
      return {
        root: 'test-hot&