---
# System prepended metadata

title: context & emit
tags: [Mike課程]

---

---
tags:  Mike課程
---
# context & emit
### 由子組件回傳父層級組件方式
* 先定義好constext傳遞
* 並用emit函式做回傳(第一個參數自訂、第二個是回傳的值)


```javascript=
 // 定義 context.emit參數
  setup(props, emit) {
    const num = ref(8);
    onMounted(() => {
      console.log(context);
      emit("collBack", num);
    });
    return { num };
  },
```
* 先定義好父層級要傳入的函式，並將變數塞入

```javascript=
  const collBackGet = (num) => {
      console.log("app=>", num);
    };
```

* 透過組件標籤使用剛剛自訂義的事件標籤傳入 @自訂義好的觸發函式

```htmlembedded=
<EmitItem @collBack="collBackGet" />
```
