vue3 keep-alive 和onActivated 使用

logoin組件引入 keepA組件

<tamplate>
<keep-alive>
    <keepA></keepA>
</keep-alive>
</tamplate>

<script>
import {defineComponent,reactive,ref,onMounted} from 'vue'
export default defineComponent({
    name:'login',
    components:{
      keepA
    },
setup(){
    
return {
}

}

})
</script>

keepA組件

<template>
    <div>我是keep-alive組件 觸發 onActivated</div>
</template>

<script>
    import {defineComponent,onActivated} from 'vue'

export default defineComponent({
        name:'keep',
        setup() {

        onActivated(()=>{
            console.log('我是 keep-alive 存在的2')
        })

        return {

        };
        },


})
</script>