diff --git a/pages/component-instance/props/Foo.uvue b/pages/component-instance/props/Foo.uvue
new file mode 100644
index 0000000000000000000000000000000000000000..b10b37f4b57430f6ad2865d725dc7b19c1e4ded1
--- /dev/null
+++ b/pages/component-instance/props/Foo.uvue
@@ -0,0 +1,18 @@
+<template>
+	<view class="component">
+		<text id="foo-arr">arr: {{arr}}</text>
+	</view>
+</template>
+
+<script>
+	export default {
+		props: {
+			arr: {
+				type: Array as PropType<number[]>,
+				default: () : Array<number> => {
+					return [1, 2, 3]
+				}
+			}
+		}
+	}
+</script>
\ No newline at end of file
diff --git a/pages/component-instance/props/check-type.uvue b/pages/component-instance/props/check-type.uvue
index aed9ac7a4a8529ea478b69e5bc991a0b604edfd8..127f615b2a005fc37e87f28541b0988dbb45a51b 100644
--- a/pages/component-instance/props/check-type.uvue
+++ b/pages/component-instance/props/check-type.uvue
@@ -1,86 +1,63 @@
-<template>
-  <view class="component">
-    <view class="row">
-      <text>string: </text><text class="string">{{str}}</text>
-    </view>
-    <view class="row">
-      <text>num: </text><text class="number">{{num}}</text>
-    </view>
-    <view class="row">
-      <text>bool: </text><text class="boolean">{{bool}}</text>
-    </view>
-    <view class="row">
-      <text>ArrayString: </text>
-      <text class="array-string" v-for="str in arrayString">{{str}}</text>
-    </view>
-    <view class="row">
-      <text>obj.count: </text>
-      <text class="object">{{obj.count}}</text>
-    </view>
-    <!--    <view class="row">-->
-    <!--      <text>obj.key: </text><text>{{obj.key}}</text>-->
-    <!--    </view>-->
-    <!--    <view class="row">-->
-    <!--      <text>date timestamp: </text><text>{{date.now()}}</text>-->
-    <!--    </view>-->
-    <!--    <view class="row">-->
-    <!--      <text>function result: </text><text>{{func()}}</text>-->
-    <!--    </view>-->
-    <!--    <view class="row">-->
-    <!--      <text>symbol: </text><text>{{symbol}}</text>-->
-    <!--    </view>-->
-  </view>
-</template>
-
-<script>
-  import { type PropType } from 'vue'
-
-  export type CusomObject = { count : number }
-
-  export default {
-    props: {
-      str: {
-        type: String,
-        default: 'default value'
-      },
-      num: {
-        type: Number,
-        default: 0
-      },
-      bool: {
-        type: Boolean,
-        default: false
-      },
-      arrayString: {
-        type: Array as PropType<string[]>,
-        default: () : Array<string> => {
-          return []
-        }
-      },
-      obj: {
-        type: Object as PropType<CusomObject>,
-        default: () : CusomObject => ({ count: 0 } as CusomObject)
-      },
-      // date: {
-      //   type: Date,
-      //   default: () => {
-      //     return new Date()
-      //   }
-      // },
-      // func: {
-      //   type: Function,
-      //   default: () => {
-      //     return () => {}
-      //   }
-      // },
-      // symbol: {
-      //   type: Symbol,
-      //   default: Symbol('default')
-      // },
-    }
-  }
-</script>
-
-<style scoped>
-
-</style>
\ No newline at end of file
+<template>
+	<view class="component">
+		<view class="row">
+			<text>string: </text><text class="string">{{str}}</text>
+		</view>
+		<view class="row">
+			<text>num: </text><text class="number">{{num}}</text>
+		</view>
+		<view class="row">
+			<text>bool: </text><text class="boolean">{{bool}}</text>
+		</view>
+		<view class="row">
+			<text>ArrayString: </text>
+			<text class="array-string" v-for="str in arrayString">{{str}}</text>
+		</view>
+		<view class="row">
+			<text>obj.count: </text>
+			<text class="object">{{obj.count}}</text>
+		</view>
+		<view class="row">
+			<text id="check-type-arr">arr: {{arr}}</text>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { type PropType } from 'vue'
+
+	export type CusomObject = { count : number }
+
+	export default {
+		props: {
+			str: {
+				type: String,
+				default: 'default value'
+			},
+			num: {
+				type: Number,
+				default: 0
+			},
+			bool: {
+				type: Boolean,
+				default: false
+			},
+			arrayString: {
+				type: Array as PropType<string[]>,
+				default: () : Array<string> => {
+					return []
+				}
+			},
+			obj: {
+				type: Object as PropType<CusomObject>,
+				default: () : CusomObject => ({ count: 0 } as CusomObject)
+			},
+			arr: {
+				type: Array as PropType<string[]>,
+				default: () : Array<string> => {
+					return ['a', 'b', 'c']
+				}
+			}
+		}
+	}
+</script>
\ No newline at end of file
diff --git a/pages/component-instance/props/props.test.js b/pages/component-instance/props/props.test.js
index f1d9e1fc453c3dc53ec4b1348bab17223c0cc62c..df01914f1f03ecced2ae84439306b1877f5c4488 100644
--- a/pages/component-instance/props/props.test.js
+++ b/pages/component-instance/props/props.test.js
@@ -19,5 +19,10 @@ describe('$props', () => {
     expect(await boolean.text()).toBe('true')
     expect(await arrayString.text()).toBe('str1')
     expect(await object.text()).toBe('1')
+		
+		const checkTypeArr = await page.$('#check-type-arr')
+		expect((await checkTypeArr.text()).replaceAll('\n', '')).toBe('arr: ["a","b","c"]')
+		const fooArr = await page.$('#foo-arr')
+		expect((await fooArr.text()).replaceAll('\n', '')).toBe('arr: [1,2,3]')
   })
 })
diff --git a/pages/component-instance/props/props.uvue b/pages/component-instance/props/props.uvue
index e3c05d919786a13702ec63ae162a4b975eedb8ac..150ff48dbb52bf64359ebc481ee0c69678b245d4 100644
--- a/pages/component-instance/props/props.uvue
+++ b/pages/component-instance/props/props.uvue
@@ -1,23 +1,18 @@
 <template>
   <view class="page">
     <check-type str="abcd" :num="12345" :bool="true" :obj="obj" :arrayString="arrayString"></check-type>
-    <!--    <view>简易类型</view>-->
-    <!--    <simple-->
-    <!--        str="abcd"-->
-    <!--        :num="12345"-->
-    <!--        :bool="true"-->
-    <!--    ></simple>-->
+		<Foo />
   </view>
 </template>
 
 <script>
   import checkType, { CusomObject } from "./check-type.uvue";
-  // import simple from "./simple.uvue";
+  import Foo from "./Foo.uvue";
 
   export default {
     components: {
       checkType,
-      // simple
+      Foo
     },
     data() {
       return {
diff --git a/pages/component-instance/props/simple.uvue b/pages/component-instance/props/simple.uvue
deleted file mode 100644
index 00b0acc78a00127badf92152b97a91ca165e6334..0000000000000000000000000000000000000000
--- a/pages/component-instance/props/simple.uvue
+++ /dev/null
@@ -1,42 +0,0 @@
-<template>
-  <view class="component">
-    <view class="row">
-      <text>string: </text><text>{{str}}</text>
-    </view>
-    <view class="row">
-      <text>num: </text><text>{{num}}</text>
-    </view>
-    <view class="row">
-      <text>bool: </text><text>{{bool}}</text>
-    </view>
-<!--    <view class="row">-->
-<!--      <text>arr: </text>-->
-<!--      [<text v-for="text in arr">{{text}},</text>]-->
-<!--    </view>-->
-<!--    <view class="row">-->
-<!--      <text>obj.key: </text><text>{{obj.key}}</text>-->
-<!--    </view>-->
-<!--    <view class="row">-->
-<!--      <text>obj.key: </text><text>{{obj.key}}</text>-->
-<!--    </view>-->
-<!--    <view class="row">-->
-<!--      <text>date timestamp: </text><text>{{date.now()}}</text>-->
-<!--    </view>-->
-<!--    <view class="row">-->
-<!--      <text>function result: </text><text>{{func()}}</text>-->
-<!--    </view>-->
-<!--    <view class="row">-->
-<!--      <text>symbol: </text><text>{{symbol}}</text>-->
-<!--    </view>-->
-  </view>
-</template>
-
-<script>
-
-type IProps = {
-  str: string
-}
-export default {
-  props: ['str', 'num', 'bool'],
-}
-</script>