diff --git a/components/define-expose-foo/define-expose-foo.uvue b/components/define-expose-foo/define-expose-foo.uvue
new file mode 100644
index 0000000000000000000000000000000000000000..9e5d21a6f9a091083283c11dcce125aee0876284
--- /dev/null
+++ b/components/define-expose-foo/define-expose-foo.uvue
@@ -0,0 +1,14 @@
+<script setup>
+  const str = 'foo str'
+  const num = ref(0)
+  const increment = () => {
+    num.value++
+  }
+  
+  defineExpose({
+    str,
+    num,
+    increment
+  })
+  
+</script>
diff --git a/pages/composition-api/basic/define-expose/define-expose.test.js b/pages/composition-api/basic/define-expose/define-expose.test.js
new file mode 100644
index 0000000000000000000000000000000000000000..2508721abd17e5c899f8ccf8b1b877d29303af31
--- /dev/null
+++ b/pages/composition-api/basic/define-expose/define-expose.test.js
@@ -0,0 +1,26 @@
+const PAGE_PATH = '/pages/composition-api/basic/define-expose/define-expose'
+
+describe('defineExpose', () => {
+  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 fooStr = await page.$('#foo-str')
+      expect(await fooStr.text()).toBe('str from component Foo: foo str')
+      const fooNum = await page.$('#foo-num')
+      expect(await fooNum.text()).toBe('num from component Foo: 0')
+      
+      const incrementBtn = await page.$('#increment-btn')
+      await incrementBtn.tap()
+      
+      expect(await fooNum.text()).toBe('num from component Foo: 1')
+    })
+  } else {
+    it('other platform', () => {
+      expect(1).toBe(1)
+    })
+  }
+})
\ No newline at end of file
diff --git a/pages/composition-api/basic/define-expose/define-expose.uvue b/pages/composition-api/basic/define-expose/define-expose.uvue
index 1022d9f734067c20b0be2d5bb0a134e3e046e0d7..d5de479a93502d648f86815f56f4ca519e070ab3 100644
--- a/pages/composition-api/basic/define-expose/define-expose.uvue
+++ b/pages/composition-api/basic/define-expose/define-expose.uvue
@@ -1,5 +1,24 @@
-<template>
-  <view class="page"> defineExpose </view>
-</template>
-
-<script setup></script>
+<template>
+  <view class="page">
+    <define-expose-foo ref='fooRef' />
+    <text id="foo-str" class="uni-common-mt">str from component Foo: {{fooStr}}</text>
+    <text id="foo-num" class="uni-common-mt">num from component Foo: {{fooNum}}</text>
+    <button id="increment-btn" class="uni-common-mt" @click="increment">trigger Foo increment</button>
+  </view>
+</template>
+
+<script setup>
+  const fooRef = ref<DefineExposeFooComponentPublicInstance | null>(null)
+  const fooStr = ref('')
+  const fooNum = ref<number>(0)
+  
+  onMounted(() => {
+    fooStr.value = fooRef.value!.str
+    fooNum.value = fooRef.value!.num
+  })
+  
+  const increment = () => {
+    fooRef.value!.increment()
+    fooNum.value = fooRef.value!.num
+  }
+</script>
diff --git a/pages/tab-bar/composition-api.uvue b/pages/tab-bar/composition-api.uvue
index e3dbe93f42e1b287fda51bbbe3bb1a9218a34b8f..5a6854ccd0951751560d8d101f06b0cd93de1171 100644
--- a/pages/tab-bar/composition-api.uvue
+++ b/pages/tab-bar/composition-api.uvue
@@ -55,7 +55,7 @@
           {
             name: 'defineExpose',
             url: 'define-expose',
-            enable: false,
+            enable: true,
           },
           {
             name: 'defineOptions',