实现vue项目下多元素限定边界的拖拽功能

要求：实现多个元素在限定的范围内自由拖拽

（除vue的其他项目也可以用，稍微修改下即可）

拖拽原理：

onmousedown（鼠标左键点下），onmousemove（鼠标移动），onmouseup（鼠标松开）三个事件的顺序执行，在移动过程中去获取需要定位的值，然后改变该元素定位的left，top值。

限定边界原理：

做相应的边界判断

直接上代码，代码注释的非常详细：