【JavaScript编程知识】如何使用vue自定义指令构建拖放插件.docxVIP

PAGE PAGE 1 如何使用vue自定义指令构建拖放插件 　　我们都知道html5的拖放特性，利用它可以很方便的实现拖拽和放置功能，比如一些选择类操作的使用场景，让用户去拖拽比鼠标点击更容易接受和理解。今天我们就利用这一特性，结合vue的自定义指令，来实现一个简单但是实用的拖放插件。 　　为什么叫它插件？因为我们的目标不是开发一个vue组件，而是两个vue的自定义指令，并且最终会把这两个自定义指令封装到一个es6的class里，在实际项目中引入就可以很方便的使用了。 　　大部分的拖放使用场景都是把一些待选元素从A区域拖放到B区域。这里就涉及到两个概念，一个是可拖拽，一个是