跳至主要內容

可组合项

LincZero小于 1 分钟

可组合项

使用VueFlow

可组合项 useVueFlow 为您提供了一组与图表交互的方法。

useVueFlow公开整个内部状态,包括节点和边。这些值是反应性的,这意味着更改返回的值useVueFlow将触发图中的变化。

状态创建和注入

可组合项useVueFlow在首次调用时会创建一个新的实例VueFlowStore并将其注入 Vue 组件树。这样您就可以使用可组合项从任何子组件访问存储useVueFlow

这也意味着_第一次调用_至关重要useVueFlow,因为它决定了整个组件树中将使用的状态实例。您可以将其视为一种<VueFlowProvider>自动注入到组件树中的包装器。

您可以在本指南的“国家”部分open in new window中阅读有关此内容的更多信息。

执行特定状态实例

id如有必要,您可以通过将 传递给可组合项来强制使用特定状态实例useVueFlow

使用 HandleConnections

使用节点数据

使用节点标识

使用句柄