vue使用bpmn結合activiti版

1.首先安裝包：

npm i bpmn-js

安裝bpmn-js-properties-panel、activiti-bpmn-moddle：

修改package.json：

"bpmn-js-properties-panel": "https://github.com/RubyLinT/bpmn-js-properties-panel.git",

 "activiti-bpmn-moddle": "https://github.com/igdianov/activiti-bpmn-moddle.git",

npm i 

2.使用實例：

<template>
  <div class="containers" ref="content">
    <div class="canvas" ref="canvas"></div>
    <div id="js-properties-panel" class="panel"></div>
    <ul class="buttons">
      <li>下載</li>
      <li>
        <a ref="saveDiagram" href="javascript:" title="download BPMN diagram">BPMN diagram</a>
      </li>
      <li>
        <a ref="saveSvg" href="javascript:" title="download as SVG image">SVG image</a>
      </li>
    </ul>
  </div>
</template>

<script>
// 引入相關的依賴
// import BpmnVie