- 生明自定义事件 emits:['countChange']
- 调用this.$.emit('countChange')
- 在使用自定义组件期间 可以通过@+自定义事件函数 来监听
<script>
export default {
//1生明自定义事件
emits:['changeCount'],
methods:{
add(){
this.$emit('changeCount')
}
}
}
</script>
解释:首先是声明了一个自定义事件 ,为标签绑定了点击事件 为add ,当点击标签是 会触发add方法中的 内容 ,也就是 this.$emit('changeCount') 自定义函数,在需要接受事件的地方使用
<my-counter @countChange=“getCount”> </my-counter>
methods:{
getcount(){
consloe.log('触发了 自定义事件')
}
}
自定义事件传参数
调用this.$emit("事件名" , “参数”)
接受的时候
getCount(val){
console.log(‘出发了 自定义事件')
}