安装

npm install vue3-wiring-diagram

按需引入

import {Editor} from 'vue3-wiring-diagram'
import 'vue3-wiring-diagram/dist/style.css'

全局引入

import vue3WiringDiagram from 'vue3-wiring-diagram'
import 'vue3-wiring-diagram/dist/style.css'

createApp(App).use(vue3WiringDiagram)

Demo

<template>
  <div>
    <Editor @getJson="getdata"/>
  </div>
</template>

<script setup>
  import {Editor} from 'vue3-wiring-diagram'
  import 'vue3-wiring-diagram/dist/style.css'

  /**
   * 获取点击保存后的数据
   * @param data
   */
  const getdata = (data) => {
    console.log(data)
  }
</script>