vue 插件拖拽 一看就能上手

第一步先安装
第二步引入
第三步使用

npm install vuedraggable //安装

import vuedraggable from 'vuedraggable'; //在script 里面引入

components: {vuedraggable}, //在script  export default {} 里面引入

<template>
<div id="box">
  <vuedraggable class="wrapper" v-model="list">
    <transition-group>
      <div v-for="(item,index) in list" :key="index" class="item">
        <!-- list 数组名字 -->
        <p>{{item}}</p>
      </div>
    </transition-group>
  </vuedraggable>
</div>
</template>