Vue flow chart是一種基于Vue.js的流程圖組件，它可以幫助開發者快速地構建出優美、易用的流程圖。

想要使用Vue flow chart，首先需要安裝它：

npm install vue-flowchart

安裝完成后，可以在需要使用Vue flow chart的地方引入它：

import FlowChart from 'vue-flowchart'
Vue.use(FlowChart)

使用時，在組件中可以直接使用<flowchart>標簽并傳遞相關參數：

<flowchart :nodes="nodes" :edges="edges"></flowchart>

其中，nodes代表流程圖中的節點，edges代表節點之間的邊。

節點和邊的定義如下：

nodes: [
{
id: 1,
data: { label: '開始' },
position: { x: 100, y: 100 },
shape: 'circle'
},
{
id: 2,
data: { label: '節點2' },
position: { x: 300, y: 100 },
shape: 'rect'
},
{
id: 3,
data: { label: '結束' },
position: { x: 500, y: 100 },
shape: 'circle'
}
],
edges: [
{
id: 'edge1',
source: 1,
target: 2,
data: { label: '條件1' }
},
{
id: 'edge2',
source: 2,
target: 3,
data: { label: '條件2' }
}
]

節點和邊可以設置的參數比較多，可以根據具體需求進行設置。

總的來說，Vue flow chart是一種功能強大、易用的流程圖組件，可以幫助開發者快速構建流程圖，提高開發效率。