vue通过$createElement创建节点渲染
在Vue中,可以使用实例方法 $createElement
来创建虚拟DOM节点,这通常在组件的 render
函数中使用。下面是一个简单的例子:
// 在Vue组件中使用render函数
export default {
render(h) {
// 使用$createElement创建一个div节点
return h('div', { class: { 'my-class': true } }, 'Hello, Vue!');
}
};
在这个例子中,h
是 createElement
的简写,h('div', ...)
创建了一个 div
元素。第二个参数是一个对象,用于设置元素的属性,例如 class
。最后一个参数是元素的子节点,可以是文本或其他创建的节点。
评论已关闭