vue封裝組件調用時綁定click事件

我們在開發中會封裝許多的通用的組件，那麼如何封裝好一個組件時，在調用的時候綁定click事件呢？
1.child組件

<template>
    <div class="child"  @click="$emit'childClick',123) />
   //說明：第一個參數：childClick ，是事件名，在調用的時候需要用到，第二個參數123，是你在調用的時候傳給父組件的值
</template>

2.parent組件

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

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