vue flow json

使用json 保存流程图设置，使用axios下载并显式流程。

<script setup>
import axios from 'axios'
import { VueFlow } from '@vue-flow/core'
import {ref} from 'vue'
const elements = ref([])
axios.get("chart.json").then((res)=>{
for(var i=0;i<res.data.data.length;i++){
elements.value.push(res.data.data[i])
}
})

</script>

<template>
<VueFlow v-model="elements"></VueFlow>
</template>
使用push也可以增加节点和连接。这样更方便。