onLoad拿到数据页面没有更新，是怎么回事

onLoad拿到数据页面没有更新，页面一直拿不到数据是怎么回事

orderCard组件是直接放在pay.vue文件里面的吗？我这里测试了用插槽应该没问题。uniapp用的vue2吗?还是vue3？
orderCard.vue

<template>
    <view>
        <view>orderCard</view>
        <slot/>
    </view>
</template>
<script>
</script>

<style>
</style>

index.vue

<template>
    <view>
        <orderCard>
            {{cards.length}}
            {{cards}}
        <view v-for="(item,index) in cards">{{item.cardName}}</view>
        </orderCard>
    </view>
</template>
<script>
    import orderCard from '@/orderCard.vue'
    export default {
        data(){
            return {cards:[]}
        },
        components:{orderCard:orderCard},
        onLoad() {
            setTimeout(()=>{
                this.cards.push({cardName:'card1'});
                this.cards.push({cardName:'card2'});
                
            },3000)
        }
    }
</script>

<style>
    /*每个页面公共css */
</style>

还有看题主控制台截图，第一个日志是2条记录，第二条记录是1条。。是不是哪里又修改过了。。

pay.vue文件也没保存

你这个都没赋值

那肯定是 没 调用setData呗

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡 【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632