首先建立一个子组件

复制
<template> 
   <div class="Child">
 
   </div>
</template>
<script lang='ts'>
import { Options, Vue } from 'vue-class-component';
@Options({
 
})
export default class Child extends Vue {
 
}
</script>

建立一个父组件

复制
<template> 
   <div class="Father">
 
   </div>
</template>
<script lang='ts'>
import { Options, Vue } from 'vue-class-component';
@Options({
 
})
export default class Father extends Vue {
 
}
</script>

在父组件里面调用子组件

复制
<template> 
   <div class="Father"> 
        <Child /> 
   </div>
</template>

然后注册方法

复制
<template> 
   <div class="Father"> 
           <Child @func="method" /> 
   </div>
</template>
<script lang='ts'>
import { Options, Vue } from 'vue-class-component';
@Options({
 
})
export default class Father extends Vue {
   method() {}
}
</script>

在子组件里面通过 emit 调用

复制
export default class Child extends Vue {
 method() {
      this.$emit("func");
 }  
}