子元件向父元件傳值，通過this.$emit自定義事件

子元件：

<template>   
 <div>
        <button v-for="item in btns" :key="item.id" @click="btnClick(item)">{{item.label}}</button>
    </div>
</template>

<script>
    export default {
      name: '子元件名稱',
      data() {
        return {
         btns:[{id:'aaa',label:'按鈕1'},{{id:'bbb',label:'按鈕2'},{{id:'ccc',label:'按鈕3'}]
        }
      }, 
       methods:{
           btnClick(item){
                this.$emit('cpn-click',item)
 

           }
        }
　　}
</script>

父元件：

<cpn @cpn-click="cpnClick(item)"/> 

<script> 　　
import cpn from '子元件路徑' 　 
export default { 
　　name: '頁面名', 
　　components: { cpn }, 
　　data() { 
　　　　return { 　　　
　　　　　　obj:{}　　
　　　　} 　
　　},
　　methosds:{
　　　　cpnClick(item){
　　　　　　this.obj=item
　　　　}
　　}
}　　
 
</script>