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('已失去鼠标焦点');
}
}
})