vuedraggable拖拽任意组件并改变数据排序

1 . 下载

文档传送门 

npm i vuedraggable

2 . 在需要的页面引入(也可全局引入看自己需求)


import Vuedraggable from 'vuedraggable'
  export default {
    components: {
      Vuedraggable

// main.js
import draggable from 'vuedraggable'
Vue.component('draggable', draggable)

3 . 示例代码（全局引入写法）