feat(runtime): 实现类名规范化功能

- 添加 normalizeClass 函数用于处理类名数组和对象 - 在 createVNode 中集成类名规范化逻辑 - 导出 normalizeClass 供外部使用 - 创建测试 HTML 示例验证类名功能 - 处理字符串、数组和对象类型的类名输入
2026-02-27 21:00:53 +08:00
parent abf8112359
commit 026f4a5958
4 changed files with 61 additions and 0 deletions
--- a/packages/vue/examples/runtime/h-element-class.html
+++ b/packages/vue/examples/runtime/h-element-class.html
@@ -0,0 +1,28 @@
+<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} =Vue
+ const vnode=h('div',{
+   class:[
+     {
+       'red':true,
+     },
+     {
+       'pink':true,
+     },
+     {
+       'blue':false
+     }
+   ]
+ },'增强class')
+ console.log(vnode)
+</script>
+</html>