渲染器的作用是把虚拟DOM渲染为特定平台上的真实元素。在浏览器中,渲染器会把虚拟DOM渲染成真实DOM元素。
const {createRenderer,h} = Vue
const renderer = createRenderer({
createElement(element){
return document.createElement(element);
},
setElementText(el,text){
el.innerHTML = text
},
insert(el,container){
container.appendChild(el)
}
});
renderer.render(h('h1','hello world'),document.getElementById('app'))
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
← Ref实现原理 Runtime DOM →