基于Vue的任务节点图绘制插件节点可拖拽多连线样式（vue-task-node）可用于机器学习，UML，及事物...

vue-task-node

▲ 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 configuration
const RouterConfig = {
    routes: Routers
};
const router = new VueRouter(RouterConfig);

new Vue({
    el: '#app',
    router: router,
    render: h => h(App)
});

三、教程

http://vidanao.com/vnode

四、版本