Vue

by Eric L

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/vue/2.5.2/vue.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/[email protected]/Sortable.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/Vue.Draggable/2.16.0/vuedraggable.min.js"></script>

<div id="app">
  <h1>Vue Dragable Test</h1>

  <draggable :list="list" class="drag-container">
    <div v-for="item in list" class="drag-item">{{ item }}</div>
  </draggable>

</div>

Vue

var vm = new Vue({
  el: '#app',

  data() {
    return {
      list: ['AAA', 'BBB', 'CCC', 'DDD', 'EEE', 'FFF']
    };
  }
});