diff --git a/packages/runtime-core/src/vnode.ts b/packages/runtime-core/src/vnode.ts
index b007dfb..5ce3b7d 100644
--- a/packages/runtime-core/src/vnode.ts
+++ b/packages/runtime-core/src/vnode.ts
@@ -1,4 +1,10 @@
-import { isArray, isFunction, isString, ShapeFlags } from '@vue/shared'
+import {
+  isArray,
+  isFunction,
+  isObject,
+  isString,
+  ShapeFlags
+} from '@vue/shared'
 
 export interface VNode {
   __v_isVNode: true
@@ -11,7 +17,11 @@ export function isVNode(value): value is VNode {
   return value ? value.__v_isVNode === true : false
 }
 export function createVNode(type, props, children): VNode {
-  const shapeFlag = isString(type) ? ShapeFlags.ELEMENT : 0
+  const shapeFlag = isString(type)
+    ? ShapeFlags.ELEMENT
+    : isObject(type)
+      ? ShapeFlags.STATEFUL_COMPONENT
+      : 0
   return createBaseVNode(type, props, children, shapeFlag)
 }
 
diff --git a/packages/vue/examples/runtime/h-component-video-test.html b/packages/vue/examples/runtime/h-component-video-test.html
new file mode 100644
index 0000000..f3de7f0
--- /dev/null
+++ b/packages/vue/examples/runtime/h-component-video-test.html
@@ -0,0 +1,38 @@
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Document</title>
+  <script src="../../dist/vue.js"></script>
+</head>
+<body>
+<div id="app"></div>
+</body>
+<script>
+    const { h, render } = Vue
+    const component = {
+        render() {
+            // const vnode1=h('div','这是一个component')
+            // console.log(vnode1);
+            // return vnode1
+
+            //直接利用当前打印的vnode , 绕过h的渲染
+            return {
+                "__v_isVNode": true,
+                "type": 'div',
+                "children": '这是一个component',
+                "shapeFlag": 9
+            }
+        }
+    }
+    // const vnode2=h(component)
+    // console.log(vnode2);
+
+    const vnode2 = {
+        "__v_isVNode": true,
+        "shapeFlag": 4,
+        "type": component
+    }
+    render(vnode2, document.querySelector('#app'))
+</script>
+</html>
\ No newline at end of file
diff --git a/packages/vue/examples/runtime/h-component.html b/packages/vue/examples/runtime/h-component.html
index f3de7f0..bd425bb 100644
--- a/packages/vue/examples/runtime/h-component.html
+++ b/packages/vue/examples/runtime/h-component.html
@@ -9,30 +9,16 @@
 <div id="app"></div>
 </body>
 <script>
-    const { h, render } = Vue
+    const { h } = Vue
     const component = {
         render() {
-            // const vnode1=h('div','这是一个component')
-            // console.log(vnode1);
-            // return vnode1
-
-            //直接利用当前打印的vnode , 绕过h的渲染
-            return {
-                "__v_isVNode": true,
-                "type": 'div',
-                "children": '这是一个component',
-                "shapeFlag": 9
-            }
+            const vnode1=h('div','这是一个component')
+            console.log(vnode1);
+            return vnode1
         }
     }
-    // const vnode2=h(component)
-    // console.log(vnode2);
+    const vnode2=h(component)
+    console.log(vnode2);
 
-    const vnode2 = {
-        "__v_isVNode": true,
-        "shapeFlag": 4,
-        "type": component
-    }
-    render(vnode2, document.querySelector('#app'))
 </script>
 </html>
\ No newline at end of file
