渲染器的作用是把虚拟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