feat(runtime): 添加 Fragment Text Comment 导出支持

- 在 runtime-core 中导出 Fragment、Text、Comment 符号 - 在 vue 主入口文件中导出 Fragment、Text、Comment - 添加 h-other.html 示例文件展示 Text、Comment、Fragment 的使用 - 添加 h-other-ym-test.html 示例文件测试 Fragment 渲染功能 - 创建 Fragment、Text、Comment 符号常量定义
2026-02-27 20:46:53 +08:00
parent 6aa564ef7c
commit abf8112359
6 changed files with 64 additions and 1 deletions
--- a/packages/vue/examples/runtime/h-component-ym-test.html
+++ b/packages/vue/examples/runtime/h-component-ym-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>