点击事件 v-on:click

简写形式：@click

代码示例

<button v-on:click="showInfo">点我弹窗</button>

const vm = new Vue({
    el:'.container',
    data:{
        name:'lisi',
        url:'https://www.baidu.com'
    },
    methods:{
        showInfo(){
            alert("哈哈哈")
            console.log(event.target)
		   console.log(this)//此处的this是vm，箭头函数此处的this是window
        }
    }
})

点击事件传参

<button @click="showInfo(666)">点我弹窗</button>
methods:{
    showInfo(number){
        console.log(number)
    }
}

两种滚动事件

scroll

使用鼠标滚轮或移动滚动条时会触发事件

wheel

使用鼠标滚轮滚动时触发事件

绑定事件 v-on:事件名

或者@事件名

事件大全

1. @blur 失去焦点
2. @focus 获得焦点