SOURCE

// 全局注册组件
Vue.component('vuedraggable', window.vuedraggable);

/*const myList = [
    {id: 1, name: 'aaa'},
    {id: 2, name: 'bbb'},
    {id: 3, name: 'ccc'},
];*/

new Vue({
    el: '#app',
    data: {
        test: 'test',
        myList: [
        {id: 1, name: 'aaa'},
        {id: 2, name: 'bbb'},
        {id: 3, name: 'ccc'},
        {id: 4, name: 'test'}
    ],
    },
    components: {
        vuedraggable: window.vuedraggable,//当前页面注册组件
    }
});

<script src="//cdnjs.cloudflare.com/ajax/libs/vue/2.5.2/vue.min.js"></script>
<!-- CDNJS :: Sortable (https://cdnjs.com/) -->
<script src="//cdn.jsdelivr.net/npm/sortablejs@1.8.4/Sortable.min.js"></script>
<!-- CDNJS :: Vue.Draggable (https://cdnjs.com/) -->
<script src="//cdnjs.cloudflare.com/ajax/libs/Vue.Draggable/2.20.0/vuedraggable.umd.min.js"></script>

<div id="app">
    测试使用vue draggable 
    {{ myList }}
    <vuedraggable v-model="myList"></vuedraggable>
</div>