思维导图组件@hellowuxin/mindmap的基本使用

一、安装mindmap组件

npm install @hellowuxin/mindmap

二、准备数据并应用到mindmap组件
data

 minddata:[
          {
            name:'如何学习D3',
            children:[
              {
                name:'预备知识',
                children:[
                  {
                    name:'javascript'
                  }
                ]
              }
            ]
          },
          {
            name:'学会了能做什么'
          }
        ],

引入并使用

import mindmap from '@hellowuxin/mindmap'

 <mindmap v-model="minddata" style="width: 600px;height: 600px;margin: 0 auto;"></mindmap>