用 vnode 來描述一個Vue.js DOM結構

• 虛擬節點就是用一個對象來描述真實的dom元素

源碼如下：

function $createElement(tag,data,...children){
    let key = data.key;
    delete data.key;
    children = children.map(child=>{
        if(typeof child === 'object'){
            return child
        }else{
            return vnode(undefined,undefined,undefined,undefined,child)
        }
    })
    return vnode(tag,props,key,children);
} 
export function vnode(tag,data,key,children,text){
    return {
        tag, // 表示的是當前的標簽名
        data, // 表示的是當前標簽上的屬性
        key, // 唯一表示用戶可能傳遞
        children,
        text
    }
}