#vue-task-node在线Demo 1.0.x 版本 https://codesandbox.io/s/9413yop49r1.1.x 版本 https://codesandbox.io/s/2wv588orlrvue-task-node 是一个基于Vue的任务节点图绘制插件（vue-task-node is a Vue based task node mapping plug-in）此文章是续之前1.0.x(https://segmentfault.com/a/11… 的更新版本▲ 1.0.x -> 1.1.x①重新组织了节点，使节点具有可扩展性。②新增节点可拖拽。③样式使用less编写，提高了后期样式的维护成本。④通过阅读 iview（https://github.com/iview/iview） 及 element（https://github.com/ElemeFE/el…）的源码，目录结构，传参等都借鉴了其中的方法。✉：liwenbingmsc@qq.com一、安装npm install vue-task-node -S二、引入import Vue from ‘vue’;import VueRouter from ‘vue-router’;import Routers from ‘./router.js’;import VueTaskNode from ‘vue-task-node’import “vue-task-node/dist/css/vnode.css"Vue.use(VueRouter);Vue.use(VueTaskNode);// The routing configurationconst RouterConfig = { routes: Routers};const router = new VueRouter(RouterConfig);new Vue({ el: ‘#app’, router: router, render: h => h(App)});三、教程http://vidanao.com/vnode四、版本版本说明更新时间是否支持拖拽是否支持节点连线1.0.0开端,根据数据绘制任务节点2019年1月16日否否1.0.1修改代码规范Eslin2019年1月17日否否1.0.2调试入口文件2019年1月17日否否1.0.3npm下载包错误修改2019年1月17日否否1.0.4添加鼠标右击后返回右击的node数据2019年1月18日否否1.0.x优化配置文件2019年1月x日否否1.1.0代码结构调整，组件重新封装，样式使用less写2019年2月28日是否#####1.1.1解决dist文件无法上传问题2019年2月28日是否1.1.2解决dist文件无法上传问题2019年2月28日是否1.1.3解决index.js找不到组件问题2019年2月28日是否1.1.4解决index.js找不到组件问题2019年2月28日是否1.1.5调整工作区样式问题2019年3月1日是否1.1.6调整节点的事件传递2019年3月1日是否1.1.x优化样式，及配置文件2019年3月x日是否未来版本说明更新时间是否支持拖拽是否支持节点连线1.2.x新增节点间连线2019年4月x日是是