<h2>Overview</h2>
The Vue3 Mindmap is a component inspired by MindNode, designed for creating mind maps within Vue3 applications. It offers a range of features for visualizing and organizing data in a structured manner, akin to traditional mind mapping techniques.
<h2>Features</h2>
<ul>
<li>v-model: Sets the mind map data.</li>
<li>x-gap: Specifies the horizontal spacing between nodes.</li>
<li>y-gap: Defines the vertical spacing between nodes.</li>
<li>branch: Sets the width of the connecting lines.</li>
<li>scale-extent: Defines the zoom range.</li>
<li>timetravel: Enables a feature for undo and redo actions.</li>
<li>drag: Allows nodes to be draggable.</li>
<li>zoom: Enables zoom and pan functionality.</li>
<li>edit: Allows for node content editing.</li>
<li>center-btn, fit-btn, add-node-btn, download-btn: Toggle buttons for various functions.</li>
<li>sharp-corner, ctm, locale: Additional settings for customization.</li>
</ul>

Hellowuxin

Vue3 Mindmap