Vue自定义指令

自定义指令实现还是依据操作DOM，在directives里定义，指令放在那个元素身上 el就是哪个dom：

变色v-color

color(el,bindings){
    el.style.background= bindings.value
},

拖拽v-drag

drag(el){
    el.onmousedown= function(e){
        var disX=e.pageX-el.offsetLeft;
        var disY=e.pageY.el.offsetTop;
        docuoment.onmousemove=function(e){
            el.style.left=e.pageX-disX+'px';
            el.style.top=e.pageY-disY+'px';
        }
        document.onmouseup=function(){
            document.onmousemove=document.onmouseuo=null
        }
        e.preventDefault();
    }       
}

自动获取焦点v-focus

focus(el，bindings){
    if(bindings.value==true){
        el.focus();
    }
}