vue document.createElement
时间: 2023-11-22 17:49:39 浏览: 156
vue组件的创建,使用
`document.createElement()`是JavaScript中的一个DOM方法,用于创建一个指定的HTML元素。在Vue中,我们通常使用`createElement`函数来创建虚拟DOM节点,然后将其渲染为真实的DOM节点。`createElement`函数接受三个参数:要创建的元素的标签名、元素的属性和元素的子节点。下面是一个使用`createElement`函数创建Vue组件的示例:
```javascript
Vue.component('component-name', {
props: ['name'],
render: function (createElement) {
return createElement('div', { class: 'box' }, [
createElement('span', { domProps: { innerHTML: this.name } })
])
}
})
```
在上面的示例中,我们使用`createElement`函数创建了一个`div`元素,它有一个名为`box`的CSS类,并包含一个`span`元素作为其子节点。`span`元素的`innerHTML`属性被设置为组件的`name`属性的值。这个组件可以像下面这样在模板中使用:
```html
<component-name name="hello"></component-name>
```
这将渲染为一个包含`hello`文本的`span`元素的`div`元素。
阅读全文