拖放

¥Drag & Drop

可以通过多种方式向现有图形添加节点。要创建交互式编辑器，你可能希望通过拖放操作插入它们。

¥Adding nodes to an already existing graph can be done multiple ways. To create an interactive editor, you would probably like them to be inserted with drag and drop.

在本例中，我们演示了如何构建一个基本的侧边栏，并实现拖放处理程序来创建新节点。

¥In this example we demonstrate how to build a basic Sidebar and implement drag and drop handlers to create new nodes.

状态访问

¥State access

本示例展示了 Vue Flow 的另一个关键功能。你可以在 VueFlow 组件实际安装之前的任何时间点初始化 Flow 状态。这可以通过使用 useVueFlow 可组合项来实现。

¥This example shows another key feature of Vue Flow. You can initialize the Flow state at any point before the VueFlow component is actually mounted. This can be achieved by using the useVueFlow composable.