SOURCE

<div id="box">
    <input type="text" @keydown.myenter="show">
</div>

<script>
    //ctrl->17
    /*document.onkeydown=function(ev){
        console.log(ev.keyCode);
    };*/
    // Vue.directive('on').keyCodes.myenter = 13;
    Vue.config.keyCodes.myenter = 13;

    var vm = new Vue({
        el:'#box',
        data:{
            a:'blue'
        },
        methods:{
            show:function(){
                alert(1);
            }
        }
    });
</script>

<div id="box2">
    <div v-drag :style="{width:'100px', height:'100px', background:'blue', position:'absolute', right:0, top:0}"></div>
    <div v-drag :style="{width:'100px', height:'100px', background:'red', position:'absolute', left:0, top:'40px'}"></div>
</div>

<script>
Vue.directive('drag', function(el) {
    var oDiv = el;

    // 鼠标左键按下时，绑定 mousemove 事件，松开时，解除绑定；
    oDiv.onmousedown = function(ev) {
        var disX = ev.clientX - oDiv.offsetLeft;
        var disY = ev.clientY - oDiv.offsetTop;

        document.onmousemove = function(ev) {
            var l = ev.clientX-disX;
            var t = ev.clientY-disY;
            oDiv.style.left=l+'px';
            oDiv.style.top=t+'px';
        };
        document.onmouseup = function() {
            document.onmousemove=null;
            document.onmouseup=null;
        };
    };
});

var vm=new Vue({
    el:'#box2',
    data:{
        msg:'welcome'
    }
});
</script>