diff --git a/pages/composition-api/basic/define-emits/array-literal.uvue b/pages/composition-api/basic/define-emits/array-literal.uvue
new file mode 100644
index 0000000000000000000000000000000000000000..95037479cbfec5600bc021506efec571460fbfb7
--- /dev/null
+++ b/pages/composition-api/basic/define-emits/array-literal.uvue
@@ -0,0 +1,14 @@
+<template>
+  <view>
+    <text class="bold">array literal</text>
+    <button id="array-literal-emit-btn" class="uni-common-mt" @click="emitChange">emit change</button>
+  </view>
+</template>
+
+<script setup>
+  const emit = defineEmits(['change'])
+  
+  const emitChange = () => {
+    emit('change', 1)
+  }
+</script>
\ No newline at end of file
diff --git a/pages/composition-api/basic/define-emits/define-emits.test.js b/pages/composition-api/basic/define-emits/define-emits.test.js
new file mode 100644
index 0000000000000000000000000000000000000000..8499c35f26ecda22bc18a7050d951dd197c0f123
--- /dev/null
+++ b/pages/composition-api/basic/define-emits/define-emits.test.js
@@ -0,0 +1,40 @@
+const PAGE_PATH = '/pages/composition-api/basic/define-emits/define-emits'
+
+describe('defineEmits', () => {
+  if (process.env.uniTestPlatformInfo.startsWith('android')) {
+    let page = null
+    beforeAll(async () => {
+      page = await program.reLaunch(PAGE_PATH)
+      await page.waitFor('view')
+    })
+    it('basic', async () => {
+      const handleArrayLiteralChangeRes = await page.$('#handle-array-literal-change-res')
+      expect(await handleArrayLiteralChangeRes.text()).toBe('handle array literal comp change result: ')
+      
+      const arrayLiteralEmitBtn = await page.$('#array-literal-emit-btn')
+      await arrayLiteralEmitBtn.tap()
+      
+      expect(await handleArrayLiteralChangeRes.text()).toBe('handle array literal comp change result: options is 1')
+      
+      const handleTypeEmits1ChangeRes = await page.$('#handle-type-emits1-change-res')
+      expect(await handleTypeEmits1ChangeRes.text()).toBe('handle type emits comp change result: ')
+      
+      const typeEmits1EmitBtn = await page.$('#type-emits1-emit-btn')
+      await typeEmits1EmitBtn.tap()
+      
+      expect(await handleTypeEmits1ChangeRes.text()).toBe('handle type emits comp change result: options is 2')
+      
+      const handleTypeEmits2ChangeRes = await page.$('#handle-type-emits2-change-res')
+      expect(await handleTypeEmits2ChangeRes.text()).toBe('handle type emits named tuple syntax comp change result: ')
+      
+      const typeEmits2EmitBtn = await page.$('#type-emits2-emit-btn')
+      await typeEmits2EmitBtn.tap()
+      
+      expect(await handleTypeEmits2ChangeRes.text()).toBe('handle type emits named tuple syntax comp change result: options is 3')
+    })
+  } else {
+    it('other platform', () => {
+      expect(1).toBe(1)
+    })
+  }
+})
\ No newline at end of file
diff --git a/pages/composition-api/basic/define-emits/define-emits.uvue b/pages/composition-api/basic/define-emits/define-emits.uvue
index add6cb80cddc8a12a71ff5ed57ecb0ba2734d6b3..4666760c2f905e6668030a1c6d44c1345a186825 100644
--- a/pages/composition-api/basic/define-emits/define-emits.uvue
+++ b/pages/composition-api/basic/define-emits/define-emits.uvue
@@ -1,5 +1,40 @@
 <template>
-  <view class="page"> defineEmits </view>
+  <!-- #ifdef APP -->
+  <scroll-view style="flex: 1">
+  <!-- #endif -->
+    <view class="page">
+      <ArrayLiteral @change='handleArrayLiteralCompChange' />
+      <text id="handle-array-literal-change-res" class="uni-common-mt">handle array literal comp change result:
+        {{handleArrayLiteralCompChangeRes}}</text>
+      <TypeEmits1 @change='handleTypeEmits1CompChange' />
+      <text id="handle-type-emits1-change-res" class="uni-common-mt">handle type emits comp change result:
+        {{handleTypeEmits1CompChangeRes}}</text>
+      <TypeEmits2 @change='handleTypeEmits2CompChange' />
+      <text id="handle-type-emits2-change-res" class="uni-common-mt">handle type emits named tuple syntax comp change
+        result: {{handleTypeEmits2CompChangeRes}}</text>
+    </view>
+  <!-- #ifdef APP -->
+  </scroll-view>
+  <!-- #endif -->
 </template>
 
-<script setup></script>
+<script setup>
+  import ArrayLiteral from './array-literal.uvue';
+  import TypeEmits1 from './type-emits-1.uvue';
+  import TypeEmits2 from './type-emits-2.uvue';
+
+  const handleArrayLiteralCompChangeRes = ref('')
+  const handleArrayLiteralCompChange = (num : number) => {
+    handleArrayLiteralCompChangeRes.value = `options is ${num}`
+  }
+
+  const handleTypeEmits1CompChangeRes = ref('')
+  const handleTypeEmits1CompChange = (num : number) => {
+    handleTypeEmits1CompChangeRes.value = `options is ${num}`
+  }
+
+  const handleTypeEmits2CompChangeRes = ref('')
+  const handleTypeEmits2CompChange = (num : number) => {
+    handleTypeEmits2CompChangeRes.value = `options is ${num}`
+  }
+</script>
\ No newline at end of file
diff --git a/pages/composition-api/basic/define-emits/type-emits-1.uvue b/pages/composition-api/basic/define-emits/type-emits-1.uvue
new file mode 100644
index 0000000000000000000000000000000000000000..651c6043cca609c75c925cc60359779121511996
--- /dev/null
+++ b/pages/composition-api/basic/define-emits/type-emits-1.uvue
@@ -0,0 +1,16 @@
+<template>
+  <view>
+    <text class="uni-common-mt bold">type emits</text>
+    <button id="type-emits1-emit-btn" class="uni-common-mt" @click="emitChange">emit change</button>
+  </view>
+</template>
+
+<script setup>
+  const emit = defineEmits<{
+    (e : 'change', id : number) : void
+  }>()
+  
+  const emitChange = () => {
+    emit('change', 2)
+  }
+</script>
\ No newline at end of file
diff --git a/pages/composition-api/basic/define-emits/type-emits-2.uvue b/pages/composition-api/basic/define-emits/type-emits-2.uvue
new file mode 100644
index 0000000000000000000000000000000000000000..4f3589f1ef5753e1448fcf3c0833765e09a527e3
--- /dev/null
+++ b/pages/composition-api/basic/define-emits/type-emits-2.uvue
@@ -0,0 +1,17 @@
+<template>
+  <view>
+    <text class="uni-common-mt bold">type emits named tuple syntax</text>
+    <button id="type-emits2-emit-btn" class="uni-common-mt" @click="emitChange">emit change</button>
+  </view>
+</template>
+
+<script setup>
+  const emit = defineEmits<{
+    // 具名元组语法
+    change : [id: number]
+  }>()
+  
+  const emitChange = () => {
+    emit('change', 3)
+  }
+</script>
\ No newline at end of file
diff --git a/pages/tab-bar/composition-api.uvue b/pages/tab-bar/composition-api.uvue
index 5757268b0504b390d108b0cd5f701d4c753b47b0..e3dbe93f42e1b287fda51bbbe3bb1a9218a34b8f 100644
--- a/pages/tab-bar/composition-api.uvue
+++ b/pages/tab-bar/composition-api.uvue
@@ -50,7 +50,7 @@
           {
             name: 'defineEmits',
             url: 'define-emits',
-            enable: false,
+            enable: true,
           },
           {
             name: 'defineExpose',