【急】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',

  inserted: function () {}

)

没少个括号？

Vue.directive('xxx', {

  inserted: function () {}

})

Answer 2

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