- 在 runtime-core 中导出 Fragment、Text、Comment 符号 - 在 vue 主入口文件中导出 Fragment、Text、Comment - 添加 h-other.html 示例文件展示 Text、Comment、Fragment 的使用 - 添加 h-other-ym-test.html 示例文件测试 Fragment 渲染功能 - 创建 Fragment、Text、Comment 符号常量定义
24 lines
634 B
HTML
24 lines
634 B
HTML
<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> |