第五篇：VUE使用 leader-line 画各样式线，主要用于连接 DOM 节点，关系图等

第五篇：VUE使用 leader-line 画各样式线，主要用于连接 DOM 节点，关系图等

这篇博客主要是记录下 leader-line 的简单使用，在实际开发中，还挺使用。

1 2 3 4 是4个 div, 大致效果 如下：

比如个人在工作中开发的一个页面（抱歉，公司项目不便于放源码，只能放一个效果图，就是使用 leader-line 连接 DOM 节点实现的）

更丰富的配置可到官方文档查看：[leader-line文档](https://anseki.github.io/leader-line/)

1. npm 安装 leader-line

npm install leader-line --save

2. 引用的方法如下

import LeaderLine from 'leader-line'

3. 注意：还需要安装 skeleton-loader，并