# @falseluffy/c-tree

> ``` data:Array [{name:'',children:[]}] property:Object {name:'name',children:'children'} icon: ``` ### 使用方法： ```

Latest version **1.0.0** (published 2020-06-23) · ISC license · 0 weekly downloads

## Install

```sh
npm install @falseluffy/c-tree
pnpm add @falseluffy/c-tree
yarn add @falseluffy/c-tree
bun add @falseluffy/c-tree
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2020-06-23 |
| First published | 2020-06-23 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 112 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Maintainers | falseluffy |
| Keywords | tree |

## Links

- npm: https://www.npmjs.com/package/@falseluffy/c-tree
- Repository: https://github.com/falseLuffy/c-tree
- Homepage: https://github.com/falseLuffy/c-tree#readme
- Issues: https://github.com/falseLuffy/c-tree/issues
- npm.io page: https://npm.io/package/@falseluffy/c-tree

## Recent versions

- 1.0.0 (latest) — 2020-06-23

## README

### 基于vue开发的树形图

### 可选参数
```
   data:Array  [{name:'',children:[]}]
   property:Object  {name:'name',children:'children'}
   icon:
```
### 使用方法：
```
   <c-tree :data="data" :property="property"></tree>

   import CTree from './c-tree.js';

   {
    components:{
       CTree
    }
   }
```
   或
```
   <script src="./c-tree.js"></script>
   <script>
    Vue.component('demo',{
        template:'<div>'+
         '<c-tree :data="data" :property="property"></tree>'+
        '</div>',
        data:function(){
            return {
              data:[
                      {
                         name: '开始开始开',
                         childrens: [
                            {
                               name: '开始2',
                               childrens: [
                                  {
                                     name: '开始2'
                                  },
                                  {
                                     name: '开始2'
                                  },
                               ]
                            },
                            {
                               name: '开始2',
                               childrens: [
                                  {
                                     name: '开始2'
                                  },
                                  {
                                     name: '开始2'
                                  },
                               ]
                            },
                            {
                               name: '开始2'
                            },
                            {
                               name: '开始2'
                            },
                         ]
                      },
                      {
                         name: '开始开始开始开始开始开始开始',
                         childrens: [
                            {
                               name: '开始2'
                            },
                            {
                               name: '开始2'
                            }
                         ]
                      },
                   ],
                 property:{name:'name',children:'children'}  
            }
        }
    })
   </script>
```

---
_Source: https://npm.io/package/@falseluffy/c-tree · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._