- 添加 normalizeClass 函数用于处理类名数组和对象 - 在 createVNode 中集成类名规范化逻辑 - 导出 normalizeClass 供外部使用 - 创建测试 HTML 示例验证类名功能 - 处理字符串、数组和对象类型的类名输入
28 lines
456 B
HTML
28 lines
456 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>
|
|
const {h} =Vue
|
|
const vnode=h('div',{
|
|
class:[
|
|
{
|
|
'red':true,
|
|
},
|
|
{
|
|
'pink':true,
|
|
},
|
|
{
|
|
'blue':false
|
|
}
|
|
]
|
|
},'增强class')
|
|
console.log(vnode)
|
|
</script>
|
|
</html> |