事件处理

image-20241121211256111

1.方法一般放在Vue的method中,不要放在data下面,因为data是可以数据劫持以及数据代理的.

比如

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
const vm =   new Vue({
el: "#root",
data: {
name: "尚硅谷"
},
/**
*
*/
methods: {
showInfo1(event) {
// alert("同学你好")
console.log(this)
},
showInfo2(event,number) {
// alert("同学你好")
console.log(event,number)
}
}
})

2.v-on@ 是绑定事件的两种不同写法,功能完全相同,但语法略有差异。v-on是完整写法,而@是简写.