Subscribe on changes!

Suspense life cycle

avatar
Jan 24th 2023

Vue version

3.2.45

Link to minimal reproduction

https://stackblitz.com/edit/vitejs-vite-cocky6?file=src%2FApp.vue,src%2FContainer.vue,src%2FRoot.vue,package.json&terminal=dev

Steps to reproduce

image image

Could you help me see what I wrote wrong

What is expected?

Have the right mounted life cycle

What is actually happening?

When working with Suspense components, the nested component life cycles are in an incorrect order

System Info

System:
    OS: macOS 13.0.1
    CPU: (8) arm64 Apple M1
    Memory: 56.36 MB / 8.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 16.9.0 - ~/.nvm/versions/node/v16.9.0/bin/node
    Yarn: 1.22.10 - /usr/local/bin/yarn
    npm: 8.6.0 - ~/.nvm/versions/node/v16.9.0/bin/npm
  Browsers:
    Chrome: 109.0.5414.87
    Firefox: 106.0.2
    Safari: 16.1
  npmPackages:
    vue: ^3.2.45 => 3.2.45

Any additional comments?

No response