How to implement drag drop of html elements in VueJs

Question

If I would like to implement drag drop similar to JQuery with vuejs how would I do that ? How to move the elements in the DOM ?

I don't want to use a plugin I want to understand how to do it.

Thanks.

Answer 1

When you start to drag a node save a reference of that node. When you drop that node use that reference.

Make container draggable.