Vue version

3.3.4

Link to minimal reproduction

https://play.vuejs.org/#eNq1VMFu2zAM/RXBl7hAYiHxToETJBt62AZsw7ajD3VtJlVrS4IkuwGC/PtI2XWcNEXXDjvYsMhH8j2S8j5Yax01NQTzILG5EdoxC67Wy1SKSivj2CdVTdnGqIqNIo4HPSX8KJWpTHgbgmA8OKh0mTnAU/IVQK9L0dCBsYRyLBOKnpKXD90J7wODcdAWnVSZju6tkkhrTxnSzmHTYM68hWzIg85pcOectnPO80JiWAGY2kQSHJe64iuEcVNLJyqYFKpaxVEcfeCFsG5ojsBWk1ujHi0YTJIG40EZjsYGzMSALMCA+duyZ2HD0meuZ+Wp+iGVB2yKs7mSG7E9a0mOwxAlmO/aCSVPW5OVpXr84m3O1NBrye8gf7hgv7e7VtMPA57ZQL/LzBZc677+9Q12+N07K1XUZTeGF5w/waqyJo4t7GMtC6Q9wHm2n/2Ehdz+ttc7B9I+iSKivhse7+dBe/iS9CNd7Pagi/3uPt9102/7nhnYjJmS69yJBpeyYIdu+/3WH5GYbnZyL2btvThBxCeIuEcUsBESOvbhnkxEXmYVzNkIBzv1sMMVvXH41jE0sgWxC6nywIEa0IK+ML9iiyU2wmdDfNRkZQ3oyX0yeg2EheEQTgES5wRRqbbhDVG48UVaDvQcr/uT4XjlfY7ktnZOSbbKS5E/LNKgpdYRDpaYdJbwFvR6SNyFxOchtPdKgnRsLiyG4DkNGPfu079JP5Z/HPmr45oNxvWGFs/e2OKkEE3XRfq6LNhv2f8WHL9PcPxOwbgDlwQf/gAKtVDW

Steps to reproduce

Click component 3

What is expected?

Click component 3 onActive lifecycle execution

What is actually happening?

In the keepalive state, component 3, as a child component, should execute the onActive life cycle

System Info

No response

Any additional comments?

No response

<template>
  <button @click="setCom(Com2)">com2</button>
  <button @click="setCom(Com3)">com3</button>
  <KeepAlive>
    <component :is="com" />
  </KeepAlive>
</template>

KeepAlive does not work on nested children. it only keeps a component tree alive if the immediate children in its slot are unmounted.