4.v-on

v-on 绑定事件(鼠标键盘事件)

<div id="btns">
<button v-on:click="onClick" >第一个跳转</button>
</div>
<div id="test">
    <button v-on="{mouseenter:onGet, mouseleave:onLose}">鼠标焦点</button>
</div>

new Vue({
    el:'#btns',
    methods:{
        onClick:function () {
            window.location.href="../strings/sort.html";
        }
    }
});
new Vue({
    el:'#test',
    methods:{
        onGet:function () {
            console.log('以获得鼠标焦点');
        },
        onLose:function () {
            console.log('已失去鼠标焦点');
        }
    }
})