chore(demo): symbol prop

vuejs · Oct 3, 2022 · 680ad3f · 680ad3f
1 parent 257d13b
commit 680ad3f
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 2 deletions.
diff --git a/packages/shell-dev-vue2/src/NativeTypes.vue b/packages/shell-dev-vue2/src/NativeTypes.vue
@@ -88,6 +88,8 @@ for (let i = 0; i < 1000000; i++) {
   veryLongText += `line${i}\n`
 }
 
+const unassignedPropSymbol = Symbol('unassigned')
+
 export default {
   components: {
     TestComponent: {
@@ -100,6 +102,17 @@ export default {
     },
   },
 
+  props: {
+    multiTypeProp: {
+      type: [Date, Boolean],
+      default: false,
+    },
+
+    symbolProp: {
+      default: unassignedPropSymbol,
+    },
+  },
+
   data () {
     return {
       localDate: new Date(),

diff --git a/packages/shell-dev-vue2/src/index.js b/packages/shell-dev-vue2/src/index.js
@@ -50,7 +50,7 @@ const app = new Vue({
       h(Target, { props: { msg: 'hi', ins: new MyClass() } }),
       h(Other),
       h(Events, { key: 'foo' }),
-      h(NativeTypes, { key: new Date() }),
+      h(NativeTypes, { key: new Date(), ref: 'nativeTypes' }),
       h(Router, { key: [] }),
       h(TransitionExample),
       h(VuexObject),

diff --git a/packages/shell-dev-vue3/src/App.vue b/packages/shell-dev-vue3/src/App.vue
@@ -115,7 +115,7 @@ export default {
 
   <Child question="Life" />
   <NestedMore />
-  <NativeTypes />
+  <NativeTypes ref="nativeTypes" />
   <EventEmit />
   <EventNesting />
   <AsyncComponent />

diff --git a/packages/shell-dev-vue3/src/NativeTypes.vue b/packages/shell-dev-vue3/src/NativeTypes.vue
@@ -66,6 +66,8 @@ for (let i = 0; i < 1000000; i++) {
   veryLongText += `line${i}\n`
 }
 
+const unassignedPropSymbol = Symbol('unassigned')
+
 export default {
   components: {
     TestComponent: {
@@ -83,6 +85,10 @@ export default {
       type: [Date, Boolean],
       default: false,
     },
+
+    symbolProp: {
+      default: unassignedPropSymbol,
+    },
   },
 
   data () {