<script src="//cdn.jsdelivr.net/npm/sortablejs@1.8.4/Sortable.min.js"></script>

<div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Vue.Draggable/2.14.1/vuedraggable.min.js"></script>
</div>

<div id="app">
  
  <draggable v-model="listA" @start="drag=true" @end="drag=false" 
             :options="{group:'a'}" element="ul" class="list">
    <li v-for="element in listA"><span class="image">icon</span> {{element}}</li>
  </draggable>
  
  <draggable v-model="listB" @start="drag=true" @end="drag=false" 
             :options="{group:'a'}" element="ul" class="list">
    <li v-for="element in listB"><span class="image">icon</span> {{element}}</li>
  </draggable>
  
</div>

<!--<script src="//cdnjs.cloudflare.com/ajax/libs/Vue.Draggable/2.20.0/vuedraggable.umd.min.js"></script>-->