LOADING...

加载过慢请开启缓存(浏览器默认开启)

loading

Vue事件的基本使用

2022/5/12 vue

事件的基本使用:

1.使用v-on:xxx或@xxx绑定事件,其中xxx是事件名

2.事件的回调需要配置在methods对象中,最终会在vm上

3.methods中配置的函数,不需要箭头函数,否则this就不是vm了

4.methods中配置的函数,都是被Vue所管理的函数,this的指向是vm或组件实例对象

5.@click=”demo”和@click=”demo($event)”效果一致,但后者可以传参

<button @click="demo1">点击传参1</button>
<button @click="demo2($event,66)">点击传参2</button>

methods:{
    demo1(){     
    },
    demo2(event,number){
    }
}

传参时通过$event进行传参,接收时通过event进行接收

img_show