How to implement drag and drop on mouse events?

Question

Vue.js

Hello everyone, there is a task to implement the movement of objects on a grid (consists of slots). Without using html5 drag&drop. That is, on mouse events (mousedown, mousemove, mouseup). Please tell me how and where to move, on pure js I understand how to write it, but on vue, so that there is no direct manipulation of DOM nodes, there are no ideas. Also, the difficulty is to use position absolute on the wrapped element, it has to be appended to document.body. I ask for your help.

Answer 1

See
https://vuejsexamples.com/tag/drag/