Vue3流程图插件-Vue Flow

秋沐2024-09-15 22:58

1、安装：通过 npm 或 yarn 安装 Vue Flow。

复制代码

npm install @vueflow/core
   # 或者
 yarn add @vueflow/core

2、引入：在你的 Vue 3 项目中引入 Vue Flow。

复制代码

import { VueFlow, Background, Controls, MiniMap } from '@vueflow/core';

3、使用：在 Vue 组件中使用 Vue Flow，并根据需要配置节点和边缘。

html 复制代码

<template>
   <VueFlow>
     <Background color="#eee" />
     <Controls />
     <MiniMap />
     <!-- 定义节点和边缘 -->
   </VueFlow>
 </template>