wip: compare perf

packages/runtime-core/src/createRenderer.ts

@@ -193,7 +193,7 @@ export function createRenderer(options: RendererOptions) {
       if (patchFlag & CLASS) {
         // TODO handle full class API, potentially optimize at compilation stage?
         if (oldProps.class !== newProps.class) {
-          el.className = newProps.class
+          hostPatchProp(el, 'class', newProps.class, null, false)
         }
       }
 
@@ -201,7 +201,7 @@ export function createRenderer(options: RendererOptions) {
       // this flag is matched when the element has dynamic style bindings
       // TODO separate static and dynamic styles?
       if (patchFlag & STYLE) {
-        hostPatchProp(el, 'style', oldProps.style, newProps.style, false)
+        hostPatchProp(el, 'style', newProps.style, oldProps.style, false)
       }
 
       // props

packages/runtime-dom/src/patchProp.ts

@@ -9,8 +9,8 @@ import { VNode } from '@vue/runtime-core'
 export function patchProp(
   el: Element,
   key: string,
-  prevValue: any,
   nextValue: any,
+  prevValue: any,
   isSVG: boolean,
   prevChildren?: VNode[],
   unmountChildren?: any

packages/runtime-dom/src/rendererOptions.ts

@@ -6,7 +6,7 @@ const svgNS = 'http://www.w3.org/2000/svg'
 export const DOMRendererOptions: RendererOptions = {
   patchProp,
 
-  insert: (parent: Node, child: Node, anchor?: Node) => {
+  insert: (child: Node, parent: Node, anchor?: Node) => {
     if (anchor != null) {
       parent.insertBefore(child, anchor)
     } else {