<script>
  
export default {
  name: "ComponentChild"
  data() {
    return {
      current: 'CompA'
    }
  }
}
</script>

<template>
  <div class="demo-component-child">
    <!-- truong hop muon dung cac attribute ma component cha truyen xuong -->
		<button v-bind="$attrs.styleButton"></button>
		<input :class="$attrs.classInput" v-on="$attrs.onInputClick"></button>
		
  </div>
</template>

<template>
<!-- goi tu component cha -->
 <div class="demo-component-parent"> 
 <ComponentChild @onInputClick="handleonInputClick()" 
  styleButton="border: red 1px"
  classInput="ms-input">
</ComponentChild>
 </div>
</template>

https://youtu.be/Rv4tKV_cqYU