vxe-table custom-config中storage用法

`vxe-table` 是 Vue 电子表格组件库 Vuetify 组件套件（Vue Excellent Components）中的一个组件，它允许用户自定义配置，其中 `custom-config` 参数用于提供一些额外的配置选项。关于 `storage` 的用法，它通常是指数据存储部分，可能是为了持久化数据或者在组件卸载后依然能保存状态。

`storage` 可能会涉及的对象配置可以包括：

1. **启用缓存**：你可以设置一个布尔值，比如 `{ storage: true }`，使得表的数据在每次刷新后从本地存储加载，而不是每次都从服务器获取。这有助于性能优化，特别是对于大数据量的表格。

2. **key 和默认值**：如果你想要存储特定的数据，可以指定一个键名（如 `key: 'tableData'`），并提供一个默认值（如 `storage: { key: 'tableData', defaultValue: [] }`），这样如果数据不存在，就会使用这个默认值初始化。

3. **状态管理**：如果你正在使用 Vuex 等状态管理库，你可能会将存储与 store 结合，例如 `{ storage: { key: 'tableData', storeKey: 'myTableState' } }`，以便更新数据时同步到 store 中。

const config = {
  storage: {
    key: 'myCustomTable',
    // 如果数据存在则加载，不存在则使用默认值
    load (defaultVal) {
      return localStorage.getItem('myCustomTable') || defaultVal;
    },
    save (data) {
      localStorage.setItem('myCustomTable', JSON.stringify(data));
    }
  }
};

new Vue({
  el: '#app',
  components: { VxeTable },
  data() {
    return {
      tableConfig: {...config}
    };
  },
  created() {
    this.tableData = this.tableConfig.storage.load([]);
  },
  methods: {
    updateTableData(newData) {
      this.tableConfig.storage.save(newData);
    }
  }
});