Encapsularemos muitos componentes comuns durante o desenvolvimento, então, como vincular um evento click ao encapsular um componente?
1. componente infantil
<template>
<div class="child" @click="$emit'childClick',123) />
//说明:第一个参数:childClick ,是事件名,在调用的时候需要用到,第二个参数123,是你在调用的时候传给父组件的值
</template>
2. componente pai
<template>
<Child @childClick ="childClick ($event)"/>
</template>
<script>
exxport defaut{
component:{
Child:()=>import('./child')
},
methods:{
childClick(v){
console.log(v) //123
}
}
</script>