vue 패키지 구성 요소가 호출 될 때 클릭 이벤트를 바인딩하는 방법

개발 중에 많은 공통 구성 요소를 캡슐화 할 것이므로 구성 요소를 캡슐화 할 때 클릭 이벤트를 바인딩하는 방법은 무엇입니까?
1. 하위 구성 요소

<template>
    <div class="child"  @click="$emit'childClick',123) />
   //说明：第一个参数：childClick ，是事件名，在调用的时候需要用到，第二个参数123，是你在调用的时候传给父组件的值
</template>

2. 부모 구성 요소

<template>
   <Child @childClick ="childClick ($event)"/>
</template>

<script>
    exxport defaut{
      component:{
         Child:()=>import('./child')
      },
      methods:{
         childClick(v){
           console.log(v) //123
         }
   }
</script>