vue 关于$emit的用法

参考网址：https://blog.csdn.net/sllailcp/article/details/78595077

父组件：

<template>
  <div>
    <el-dialog
      title="手动登记"
      :visible.sync="registerVisible"
      width="60%"
      @close="CloseReg"
    >
      <register v-if="registerVisible" @CancelReg="CancelReg"></register>
    </el-dialog>
  </div>
</template>

<script>
import register from "@/pages/Register/index.vue";
export default {
  components: {
    register: register,
  },
  data() {
    return {
      registerVisible: false,
    };
  },
  methods: {
    toRegist() {
      this.registerVisible = true;
    },
    CancelReg() {
      this.registerVisible = false;
    },
  },
};
</script>

子组件：

this.$emit("CancelReg");--调用父组件函数