【急】vue2.0 单文件的模式，怎么使用Vue.directive

Question

平时封装组件都是以.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

不需要对上面的代码进行解释

Answer 1

你这么写不报错的？Vue.directive('xxx',&nbsp; inserted: function () {})没少个括号？Vue.directive('xxx', {&nbsp; inserted: function () {}})

Answer 2

只能局部注册，，放main.js没用 。亲测可用