如何使用vue自定义指令构建拖放插件

今天我们就利用这一特性，结合vue的自定义指令，来实现一个简单但是实用的拖放插件。因为我们的目标不是开发一个vue组件，而是两个vue的自定义指令，并且最终会把这两个自定义指令封装到一个es6的class里，在实际项目中引入就可以很方便的使用了。大部分的拖放使用场景都是把一些待选元素从A区域拖放到B区域。又或者其他项目也需要拖放功能了，我们也要重新开发。这样非常不利于维护和复用，而vue的自定义指令很好的帮我们解决了这个问题，我们只需要在组件上添加自定义指令，就可以使这个组件（元素）可拖放，这样就可以灵活的去使用了。