Adding improvement linked to issue#21

Author: pc-david\david.desmaisons

dist/vuedraggable.js

@@ -65,6 +65,12 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
         type: Array,
         required: false,
         default: null
+      },
+      clone: {
+        type: Function,
+        default: function _default(original) {
+          return original;
+        }
       }
     };
 
@@ -116,7 +122,7 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
             currentIndex: currentIndex,
             element: element
           };
-          evt.item._underlying_vm_ = element;
+          evt.item._underlying_vm_ = this.clone(element);
         },
         onDragAdd: function onDragAdd(evt) {
           var element = evt.item._underlying_vm_;
@@ -163,13 +169,15 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol
     return draggableComponent;
   }
 
-  if (typeof exports == "object") {
-    var Sortable =  require("sortablejs")
-    module.exports = buildDraggable(Sortable)
+  if (typeof exports == "object")  {
+    var Sortable = require("sortablejs");
+    module.exports = buildDraggable(Sortable);
   } else if (typeof define == "function" && define.amd) {
-    define(['Sortable'], function(Sortable) { return buildDraggable(Sortable);});
-  } else if ( window && (window.Vue) && (window.Sortable)) {
-    var draggable = buildDraggable(window.Sortable)
-    Vue.component('draggable', draggable)
+    define(['Sortable'], function (Sortable) {
+      return buildDraggable(Sortable);
+    });
+  } else if (window && window.Vue && window.Sortable) {
+    var draggable = buildDraggable(window.Sortable);
+    Vue.component('draggable', draggable);
   }
 })();

dist/vuedraggable.min.js

@@ -15,6 +15,11 @@ var vm = new Vue({
 			},
 			replace: function(){
 				this.list=[{name:'Edgard'}]
+			},
+			clone: function(el){
+				return {
+					name : el.name + ' cloned'
+				}
 			}
 		}
 	});

examples/script/complex.js

@@ -1,6 +1,6 @@
 {
   "name": "vuedraggable",
-  "version": "2.0.4",
+  "version": "2.1.0",
   "description": "draggable component for vue",
   "main": "dist/vuedraggable.js",
   "files": [

package.json

@@ -55,6 +55,10 @@
           type: Array,
           required: false,
           default: null
+        },
+        clone: {
+          type: Function,
+          default : (original) => { return original;}
         }
       }
 
@@ -106,7 +110,7 @@
               currentIndex,
               element
             }
-            evt.item._underlying_vm_ = element
+            evt.item._underlying_vm_ = this.clone(element)
           },
 
           onDragAdd (evt) {