introduce

Vue-super-flow is a component that generates and previews flow charts based on Vue. Users can control the graph, node and line according to different requirements.

The installation

npm install vue-super-flow

yarn add vue-super-flow
Copy the code

Global references

import SuperFlow from 'vue-super-flow'
import 'vue-super-flow/lib/index.css'

Vue.use(SuperFlow)
Copy the code

Local reference

<template>
  <super-flow></super-flow>
</template>

<script >
  import SuperFlow from 'vue-super-flow' 
  import 'vue-super-flow/lib/index.css'
  export default {
    components: {SuperFlow}   
  } 
</script>
Copy the code

The sample

Address of the API

caohuatao.github.io/