<div style="position:absolute;width:100px;height:100px;border:1px solid red" v-drag="{set:set}"></div>

methods:{set(x,y){this.data.x=x;this.data.y=y;}},directives:{// 拖動(dòng)的自定義指令drag(el,binding){//el為拖動(dòng)的元素var oDiv =el; oDiv.onmousedown = function(e){  e.preventDefault();     e.stopPropagation();  var disX = e.offsetX;  var disY = e.offsetY;  document.onmousemove = function(e){  e.preventDefault();e.stopPropagation();  var x=e.pageX-disX;  var y=e.pageY-disY   oDiv.style.left=xoDiv.style.top=y  // 通過傳參的形式，將methods中的函數(shù)傳進(jìn)來，以此來改變data中的值  binding.value.set(x,y)  };  document.onmouseup = function(){  document.onmousemove=null;  document.onmouseup=null;  }; };}},