vue3 mixin 混入导致页面不支持生命周期

代码中 只会执行mixin中的onShow方法 页面中的不被执行

/// mixin  
const page = {  
    data() {  
        return {  
            nodata: false,  
            page: 1  
        }  
    },  
    onShow(){  
        console.log(1)  
    },  
    methods: {  
        setPage(list, key = "list", limit = 10) {  
            this[key].splice(this[key].length - 1, 0, ...list);  
            this.nodata = list.length < limit;  
        },  
    },  
    onReachBottom() {  
        if (this.pageCallback) {  
            if (this.nodata) return false;  
            this.page++;  
            if (typeof this.pageCallback == "function") {  
                this.pageCallback()  
            } else {  
                this[this.pageCallback]  
            }  
        }  
    }  
}  
export default page

// app.js  
import pageMixins from "@/mixins/page.js";  
export function createApp() {  
    const app = createSSRApp(App)  
    app.mixin(pageMixins)  
    return {  
        app  
    }  
}

// page  
export default {  
        data() {  
            return {  
                list: [],  
                pageCallback: "addressList"  
            }  
        },  
        onShow() {  
            console.log(2)  
        },  

        methods: {  
            addressList() {  
                addressList().then(list => {  
                    this.setPage(list)  
                })  
            }  
        },  

    }