平时封装组件都是以.vue单文件的方式去弄的。
想问一下能不能用Vue.directive 这种方式。
试过了网上很多的方法，在全局和局部都试了，貌似没有效果
如：我在某个文件下这样写的。代码的作用是实现可拖拽。这不是重点。
这是链接http://www.jb51.net/article/1...
<template>

<input v-drag placeholder="您的手机号码"/>

</template>
<script>

 import Vue from 'vue'
 Vue.directive('drag', 
 inserted:function(el){
  let oDiv=el;
  oDiv.onmousedown=function(e){
    let l=e.clientX-oDiv.offsetLeft;
    let t=e.clientY-oDiv.offsetTop;
    document.onmousemove=function(e){
      oDiv.style.left=e.clientX-l+'px';
      oDiv.style.top=e.clientY-t+'px';
    };
    oDiv.onmouseup=function(){
      document.onmousemove=null;
      oDiv.onmouseup=null;
    }
  }
})

</script>
用时我也在main.js里面试了也没有效果。
很少提问题，望各位帮个忙
最好给一个小小的demo
不需要对上面的代码进行解释