update

Author: johnsoncodehk

packages/runtime-core/src/component.ts

@@ -553,6 +553,10 @@ export interface ComponentInternalInstance extends GenericComponentInstance {
    * Render effect instance
    */
   effect: ReactiveEffect
+  /**
+   * Force update render effect
+   */
+  update: () => void
   /**
    * Render effect job to be passed to scheduler (checks if dirty)
    */
@@ -713,6 +717,7 @@ export function createComponentInstance(
     next: null,
     subTree: null!, // will be set synchronously right after creation
     effect: null!,
+    update: null!, // will be set synchronously right after creation
     job: null!,
     scope: new EffectScope(true /* detached */),
     render: null,

packages/runtime-core/src/componentPublicInstance.ts

@@ -383,7 +383,7 @@ export const publicPropertiesMap: PublicPropertiesMap =
     $forceUpdate: i =>
       i.f ||
       (i.f = () => {
-        queueJob(() => i.effect.run())
+        queueJob(i.update)
       }),
     $nextTick: i => i.n || (i.n = nextTick.bind(i.proxy!)),
     $watch: i => (__FEATURE_OPTIONS_API__ ? instanceWatch.bind(i) : NOOP),

packages/runtime-core/src/renderer.ts

@@ -1672,6 +1672,7 @@ function baseCreateRenderer(
       namespace,
       optimized,
     ))
+    instance.update = effect.run.bind(effect)
 
     // allowRecurse
     // #1801, #2043 component render effects should allow recursive updates