vue3触发父组件两种写法

1、正常写法

子组件：

import { defineComponent } from 'vue';
export default defineComponent({
  emits: ["testEmi"],
  setup(props, context) {
    const changeCollapse = () => {
        //触发父组件事件 
      context.emit("testEmi")
    }
    return {
      testEmi
    }
  }
})

父组件：

<test @testEmit="testEmi" />

2、 语法糖写法

子组件：

const emit = defineEmits(["downloadTemp"]);

const downloadTemp = () => {

  emit("downloadTemp", "12");

};

父组件：

<UpDownload @downloadTemp="downloadTempSms"/>

在 <script setup> 中必须使用 defineProps 和 defineEmits API 来声明 props 和 emits