virtual-tree-bonc组件概述

    本组件是使用el-tree的源码结合虚拟滚动插件vue-virtual-scroll-list二次封装的js组件，适用于大数据量的树形图，目前最多支持20W+左右的数据，可支持el-tree的懒加载等内置方法。
    
    所以在使用时，项目中会自动安装elementUI和vue-virtual-scroll-list这两个vue插件。
    
    在使用过程中，除了ts项目需要注意一些额外事项，组件内置方法和属性用法完全参考elementUI的el-tree组件。

在Nuxt+Ts工程使用注意事项

• nuxt工程plugins文件夹中需要先注册组件 XXX.ts

  import Vue from 'vue'; import VirtualTree from 'virtual-tree-bonc'; Vue.component('XXX', bigTree);

• nuxt.config.ts中需要先注册本组件为client组件。

  { src: '~/plugins/virtualtree.ts', mode: 'client', }

• ts项目中引入js插件，需要配置 xxx.d.ts文件

  新建xxx.d.ts文件，里面写一行代码 declare module 'VirtualTree';

本地测试插件

npm pack

• npm pack 之后，会在当前目录下生成一个 xx-btn-1.0.0.tgz 的文件。
• 打开一个项目，将压缩文件放到项目某个目录下，执行命令
• npm install 路径\xx-btn-1.0.0.tgz
• 路径是指压缩包所在的绝对路径，文件名必须是压缩包的全名

删除包

npm login

npm publish

npm unpublish [email protected] //指定版本号

在其他项目引用