Skip to content

Inconsistent lifecycle hook and function refs execution order with dynamic components and Suspense #11344

Open
@jh-leong

Description

@jh-leong

Vue version

3.4.31

Link to minimal reproduction

playground

Steps to reproduce

  1. click the button about
  2. check the console

What is expected?

The lifecycle hooks and functional ref calls should follow a consistent order regardless of whether the dynamic component is wrapped in Suspense.

What is actually happening?

There is an inconsistency in the order of onMounted, onUnmounted, and updateRef calls when using Suspense

System Info

No response

Any additional comments?

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions