// 因为直接使用的源码,模块需要经过 webpack 编译
npm i @bitmain/components-tree --save
// main.js, 全局使用
import BTM from '@bitmain/components-tree'
Vue.use(BTM)
// demo1.vue, 使用 huge-tree
<btm-huge-tree><btm-huge-tree/>
// demo2.vue 使用 huge-list
<btm-huge-list></btm-huge-list>
// 按需使用
import { HugeTree, HugeList } from '@bitmain/components-tree'
Vue.use(HugeTree)
Vue.use(HugeList)
// demo.vue, 组件内部使用
<template>
<div>
<btm-huge-tree></btm-huge-tree>
</div>
</template>
<script>
import { HugeTree } from '@bitmain/components-tree'
export default {
components: {
'btm-huge-tree': HugeTree
}
}
</script>
参见 github 各 demo
huge-tree 使用doc
huge-list 使用doc
- git clone
- yarn install
- yarn dev && yarn mock:api
- 0.0.0.0:8000