Run results for: VNode creation

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.150 Safari/537.36

Browser: Chrome 88

Operating system: Mac OS X 10.13.3

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Plain Object	2876206.5 Ops/sec
VNode Class	392.7 Ops/sec

Tests:

Plain Object
function createElementVNode( type, props, children, patchFlag, dynamicProps, shapeFlag, isBlockNode ) { const vnode = { __v_isVNode: true, type, props, key: 0, ref: null, scopeId: null, children, component: null, suspense: null, ssContent: null, ssFallback: null, dirs: null, transition: null, el: null, anchor: null, target: null, targetAnchor: null, staticCount: 0, shapeFlag, patchFlag, dynamicProps, dynamicChildren: null, appContext: null } return vnode } for (let i = 0; i < 1000; i++) { createElementVNode('div', {}, [], 1, null, 1, false) }
VNode Class
class VNodeClass { __v_isVNode = true; key = 0 ref = null scopeId = '' component = null suspense = null ssContent = null ssFallback = null dirs = null transition = null el = null anchor = null target = null targetAnchor = null staticCount = 0 dynamicChildren = null appContext = null constructor(type, props, children, shapeFlag, patchFlag, dynamicProps) { this.type = type this.props = props this.children = children this.shapeFlag = shapeFlag this.patchFlag = patchFlag this.dynamicProps = dynamicProps } } for (let i = 0; i < 1000; i++) { new VNodeClass('div', {}, [], 1, null, 1, false) }