chore(demo): symbol prop

Author: Akryum

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(),

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),

packages/shell-dev-vue3/src/App.vue

@@ -115,7 +115,7 @@ export default {
 
   <Child question="Life" />
   <NestedMore />
-  <NativeTypes />
+  <NativeTypes ref="nativeTypes" />
   <EventEmit />
   <EventNesting />
   <AsyncComponent />

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 () {