When using Array.splice to modify the KeepAlive's prop "include", the component's onUnmounted hook does not trigger

[l123wx]

Vue version

3.4.38

Link to minimal reproduction

playground

Steps to reproduce

1. Open browser developer tools
2. Click the "Clean keep alive include List" button, then the console will output the modified include
3. Click the "About" button

What is expected?

Since Home has been removed from include, the onUnmounted hook of the Home component should be triggered

What is actually happening?

The onDeactivated hook of Home was triggered

System Info

System:
    OS: Windows 10 10.0.17763
    CPU: (8) x64 Intel(R) Core(TM) i5-8300H CPU @ 2.30GHz
    Memory: 4.44 GB / 15.88 GB
Binaries:
    Node: 18.19.1 - C:\Program Files\nodejs\node.EXE
    npm: 10.2.4 - C:\Program Files\nodejs\npm.CMD
    pnpm: 9.7.1 - C:\Program Files\nodejs\pnpm.CMD
Browsers:
    Microsoft Edge: 127.0.2651.105

Any additional comments?

When the include variable is rendered on the page, everything will become normal again. This can be tested with the following steps:

1. Reload the page
2. Check the "showCacheList" option
3. Click the "Clean keep alive include List" button
4. Click the "About" button

This time, you can see that the onMounted hook of Home is triggered correctly.

[edison1105]

Talk is cheap, show me the code.

[l123wx]

https://play.vuejs.org/#eNqtVl9z2jgQ/yoav0AyDk766JLMZfJnLndpe9Ne7wXzIOwFFITkkWQIw/DdbyXZwi5cy6V9SazV7m///HZXbKPbshysKojSaGhgWXJq4CYThAwXAOUF5WwFJGUi51UB11mU03wOz0ybLHJqqJjLZSkFCIN6GlVWDNZ6RHODpv/g90e6hHEWkXQBG7zuXqA88f6SvUMUOFHBVmR1waZopedyfdfy/eQjIvaYkhHZbkkIbfAimej34t4Z2e3IeJggjvcxUf6/Fdy6OIgNJLXm3bjQ8lu7YFnnzURZGcKKw+iI2ZSuWHPIFxP5ipLVxVIWwI/o+vQRj9MJcDKV6ki6nfMwcap12Y4HSbTZcBtDwTSSuknJlMPrezKjZUquLkuMqfE7qYyRgvyWc5Yv0KJ/Rq5vvi3HNen9LpfQw4BzTrXlmTOxQBQrHiYe5P9C3k5kZY5gOvmPQOdUFBzuOFDRLpUTENtMxHdv3byuVTqYTe2GSavz8ahzxUpDNJiqJJyKGToz2hWMYasrQ7ZEwTTGPz6lmPyJ7m6tt5isqcnnZEemSi5JD0er996i1pa2WvXVILEHO3xWo753mQcFd2o0MpFLoc1hGTGWvmfnrNHp9EutMqVcA2o0Om5OU/IZcqmKoTaKiVlMqNjcoMHWFshixvbDxZGJ3d44DJsD9yH1Rz6KccvJMZLQxDeEc7IfW2xUlkP/MiZXiOCcuWL2vXZQjDvm6EZyGHA56wcNax77+wKZSYlRFaAM5cPE04tkRjHSivZTNhu8aClwBzoTHFxcaYyD+lQahvhZhBvCdyF2AlUzwEZL8fvhy7vLd5dZ5IpkLysN9zBlAh6lurM9/ciAFw7AhhD0cBlUHJefB/kIrwgYLjmb2JtRCx+l958+hI/BkwFFJxZhHMz0gpXPbHJnl07LYdflZ8BqVTYr73xSWX5UyzvlXK6fXDdiQ/ytH14NCN2UoZOFsmAr+ANr9yEk1NFgqIBzVfjrQwQhH5bMFbMjftG4n2x4JboAtULgVia2VfNDIyG/Cqx/8Sxz7PT/vP6LKhwbrN8xlUfM3syVrGbzO6pBP4kva4Yt2KhazZ3Tx9z8Xqmp0ipPzs+T84HdFJamlgCT6UhwoBvibBGnoEDkvjqjrc2aGucxiwZJ6FCB74drU1yXu7GbD2zgsCEOH/DWUzW/alYqfv3s6rNkVwJJjfHTvaKWYXv4Kpb7m3u/Fezd4TYs3JDU49V3syWQlTQ8CW5WMxF81TvgYOR7I2cw3kdll2BjHAI6wTzotgFaSZwA0dJug4QanQARdBuAsK+Q7Oa9+BHX/kn+PtUnk91huMX8ryDb/6Q4nWur/3aqG+u3M90gvJ3oBuE7PO/+BZNJ6cE=

[l123wx]

The code is here @edison1105

[edison1105]

a workaround

:include="[...cacheList]"

[l123wx]

Yes, it worked for me. And will this issue be fixed in the future?

[edison1105]

@l123wx Yes, Let's keep this one open.

[l123wx]

Okay, thanks.