vue-virtual-tree:基于Vue3的大量数据的树组件-源码

上传者: 42099814 | 上传时间: 2021-09-01 09:00:18 | 文件大小: 303KB | 文件类型: ZIP
虚拟树 基于vue3封装的树组件,该树组件专用于大数据量,如果数据量不大,则使用此组件会有点浪费 英文& 如何使用 npm i vue-virtual-tree 全局注册,但这会丢失类型,如果您使用打字稿,则不建议使用此方法 import { createApp } from 'vue' ; import VirTree from 'vue-virtual-tree' ; createApp ( App ) . use ( VirTree ) . mount ( '#app' ) ; In components : 部分注册,您可以获得完整的类型 < / div > < / template > < s

文件下载

资源详情

[{"title":"( 64 个子文件 303KB ) vue-virtual-tree:基于Vue3的大量数据的树组件-源码","children":[{"title":"vue-virtual-tree-master","children":[{"title":".gitignore <span style='color:#111;'> 230B </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 1.41KB </span>","children":null,"spread":false},{"title":".npmrc <span style='color:#111;'> 99B </span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'> 537.51KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"ant-use.ts <span style='color:#111;'> 350B </span>","children":null,"spread":false},{"title":"components","children":[{"title":"tsconfig.json <span style='color:#111;'> 119B </span>","children":null,"spread":false},{"title":"VirtualTree","children":[{"title":"demo.vue <span style='color:#111;'> 2.72KB </span>","children":null,"spread":false},{"title":"render.tsx <span style='color:#111;'> 465B </span>","children":null,"spread":false},{"title":"node.tsx <span style='color:#111;'> 3.10KB </span>","children":null,"spread":false},{"title":"index.scss <span style='color:#111;'> 1.45KB </span>","children":null,"spread":false},{"title":"index.tsx <span style='color:#111;'> 5.48KB </span>","children":null,"spread":false},{"title":"uses.ts <span style='color:#111;'> 2.11KB </span>","children":null,"spread":false},{"title":"types.ts <span style='color:#111;'> 736B </span>","children":null,"spread":false}],"spread":true},{"title":"VirtualList","children":[{"title":"demo.vue <span style='color:#111;'> 1.39KB </span>","children":null,"spread":false},{"title":"index.tsx <span style='color:#111;'> 5.20KB </span>","children":null,"spread":false},{"title":"types.ts <span style='color:#111;'> 142B </span>","children":null,"spread":false}],"spread":true},{"title":"index.ts <span style='color:#111;'> 163B </span>","children":null,"spread":false},{"title":"VirtualCheckbox","children":[{"title":"demo.vue <span style='color:#111;'> 547B </span>","children":null,"spread":false},{"title":"index.scss <span style='color:#111;'> 1.34KB </span>","children":null,"spread":false},{"title":"index.tsx <span style='color:#111;'> 1.13KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"assets","children":[{"title":"styles","children":[{"title":"iconfont.css <span style='color:#111;'> 2.85KB </span>","children":null,"spread":false},{"title":"highlight.github.css <span style='color:#111;'> 1.12KB </span>","children":null,"spread":false},{"title":"index.scss <span style='color:#111;'> 49B </span>","children":null,"spread":false},{"title":"reset.scss <span style='color:#111;'> 478B </span>","children":null,"spread":false},{"title":"variable.scss <span style='color:#111;'> 321B </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"doc","children":[{"title":"temp.vue <span style='color:#111;'> 3.58KB </span>","children":null,"spread":false},{"title":"AsyncDataDemo.vue <span style='color:#111;'> 1.72KB </span>","children":null,"spread":false},{"title":"index.vue <span style='color:#111;'> 8.56KB </span>","children":null,"spread":false},{"title":"CheckboxDemo.vue <span style='color:#111;'> 1.90KB </span>","children":null,"spread":false},{"title":"CustomNodeDemo.vue <span style='color:#111;'> 1.17KB </span>","children":null,"spread":false},{"title":"principle.png <span style='color:#111;'> 7.64KB </span>","children":null,"spread":false},{"title":"BaseDemo.vue <span style='color:#111;'> 1.32KB </span>","children":null,"spread":false},{"title":"uses","children":[{"title":"index.ts <span style='color:#111;'> 782B </span>","children":null,"spread":false}],"spread":false},{"title":"CustomIconDemo.vue <span style='color:#111;'> 1.51KB </span>","children":null,"spread":false},{"title":"DemoBox.vue <span style='color:#111;'> 2.74KB </span>","children":null,"spread":false},{"title":"HighlightCodes.json <span style='color:#111;'> 39.58KB </span>","children":null,"spread":false},{"title":"SearchNodeDemo.vue <span style='color:#111;'> 3.53KB </span>","children":null,"spread":false}],"spread":false},{"title":"main.ts <span style='color:#111;'> 231B </span>","children":null,"spread":false},{"title":"shims-vue.d.ts <span style='color:#111;'> 168B </span>","children":null,"spread":false},{"title":"App.vue <span style='color:#111;'> 1.93KB </span>","children":null,"spread":false}],"spread":true},{"title":"gulpfile.js <span style='color:#111;'> 388B </span>","children":null,"spread":false},{"title":"public","children":[{"title":"index.html <span style='color:#111;'> 611B </span>","children":null,"spread":false},{"title":"favicon.ico <span style='color:#111;'> 4.19KB </span>","children":null,"spread":false}],"spread":true},{"title":"tsconfig.json <span style='color:#111;'> 612B </span>","children":null,"spread":false},{"title":".github","children":[{"title":"workflows","children":[{"title":"main.yml <span style='color:#111;'> 702B </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":".browserslistrc <span style='color:#111;'> 30B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 1.22KB </span>","children":null,"spread":false},{"title":"vue.config.js <span style='color:#111;'> 992B </span>","children":null,"spread":false},{"title":"README-CN.md <span style='color:#111;'> 1.15KB </span>","children":null,"spread":false},{"title":"lib","children":[{"title":"demo.html <span style='color:#111;'> 161B </span>","children":null,"spread":false},{"title":"vue-virtual-tree.common.js <span style='color:#111;'> 194.81KB </span>","children":null,"spread":false},{"title":"vue-virtual-tree.umd.js <span style='color:#111;'> 195.30KB </span>","children":null,"spread":false},{"title":"vue-virtual-tree.umd.min.js <span style='color:#111;'> 61.73KB </span>","children":null,"spread":false}],"spread":false},{"title":"babel.config.js <span style='color:#111;'> 111B </span>","children":null,"spread":false},{"title":"typings","children":[{"title":"VirtualTree","children":[{"title":"types.d.ts <span style='color:#111;'> 706B </span>","children":null,"spread":false},{"title":"uses.d.ts <span style='color:#111;'> 409B </span>","children":null,"spread":false},{"title":"node.d.ts <span style='color:#111;'> 1.01KB </span>","children":null,"spread":false},{"title":"render.d.ts <span style='color:#111;'> 629B </span>","children":null,"spread":false},{"title":"index.d.ts <span style='color:#111;'> 1.54KB </span>","children":null,"spread":false}],"spread":false},{"title":"VirtualList","children":[{"title":"types.d.ts <span style='color:#111;'> 146B </span>","children":null,"spread":false},{"title":"index.d.ts <span style='color:#111;'> 1.30KB </span>","children":null,"spread":false}],"spread":false},{"title":"index.d.ts <span style='color:#111;'> 126B </span>","children":null,"spread":false},{"title":"VirtualCheckbox","children":[{"title":"index.d.ts <span style='color:#111;'> 814B </span>","children":null,"spread":false}],"spread":false}],"spread":false},{"title":"server.js <span style='color:#111;'> 262B </span>","children":null,"spread":false}],"spread":false}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明