refactor(compiler): flush transform onExit in reverse

packages/compiler-core/__tests__/transforms/transformElement.spec.ts

@@ -33,7 +33,7 @@ function parseWithElementTransform(
   // block as root node
   const ast = parse(`<div>${template}</div>`, options)
   transform(ast, {
-    nodeTransforms: [optimizeText, transformElement],
+    nodeTransforms: [transformElement, optimizeText],
     ...options
   })
   const codegenNode = (ast as any).children[0].children[0]

packages/compiler-core/src/index.ts

@@ -52,9 +52,9 @@ export function baseCompile(
           ]
         : []),
       trackSlotScopes,
-      optimizeText,
       transformSlotOutlet,
       transformElement,
+      optimizeText,
       ...(options.nodeTransforms || []) // user transforms
     ],
     directiveTransforms: {

packages/compiler-core/src/transform.ts

@@ -346,7 +346,8 @@ export function traverseNode(
   }
 
   // exit transforms
-  for (let i = 0; i < exitFns.length; i++) {
+  let i = exitFns.length
+  while (i--) {
     exitFns[i]()
   }
 }

packages/compiler-core/src/transforms/vSlot.ts

@@ -110,7 +110,7 @@ export function buildSlots(
   // since it likely uses a scope variable.
   // TODO: This can be further optimized to only make it dynamic when the slot
   // actually uses the scope variables.
-  let hasDynamicSlots = context.scopes.vSlot > 0 || context.scopes.vFor > 0
+  let hasDynamicSlots = context.scopes.vSlot > 1 || context.scopes.vFor > 0
 
   // 1. Check for default slot with slotProps on component itself.
   //    <Comp v-slot="{ prop }"/>