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-other.html
+++ b/packages/vue/examples/runtime/h-other.html
@@ -0,0 +1,24 @@
+<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>
+  //Fragment : 片段  vue3一个模板中, 可以有多个根节点,就是利用这片段完成的
+  const { h, render, Text,Comment,Fragment } = Vue
+  const vnodeText = h(Text, '这是一个Text')
+  console.log(vnodeText)
+
+  const vnodeComment=h(Comment,'这是一个comment')
+  console.log(vnodeComment);
+
+
+  const vnodeFragment=h(Fragment)
+  console.log(vnodeFragment);
+</script>
+</html>