vue使用draggable组件实现拖拽效果

目前Vue中有很多可供拖拽的组件，但是没有能达到预期效果的，
大部分都是列表之前选项的相互移入和添加

1.使用方式：draggable = true

2.draggable作用: 属性规定元素是否可拖动。

3.预期效果：

本篇文章实现的效果是将三个不同形态的图片移入指定位置，如果不停留在对应位置则无法移入
每正确移入一个元素会播放音效，全部完成移入后有gif图片淡入淡出。

4.最终实现的效果：

拖拽效果演示.gif

代码实现

此案例为简单demo，仅做参考，有疑问可以在评论提出。