uni-app 父组件的参数如何传给子组件

import device from './components/device.vue'
import battery from './components/battery.vue'

components: {
            device,
            battery
},

<device ref="device" :id="business-id" v-show="active == 'device'">
</device>
<battery ref="battery" :id="business-id" v-show="active == 'battery'">
</battery>

<template>
    <view class="content">
        <son-show :reUserInfo="userInfo"></son-show>
    </view>
</template>
 
<script>
    import sonShow from '../../component/son.vue';
    export default {
        components: {
            sonShow
        },
        data() {
            return {
                userInfo: [{
                        "userName": "",
                        "age": ""
                    },
                    {
                        "userName": "",
                        "age": ""
                    }
                ]
            }
        }
    }
</script>

<template>
    <view class="">
        <block  v-for="(item,index) in reciveUserInfo" :key="index">
            <view class="mesg">
                <text>{{item.userName}}</text>
                <text>{{item.age}}</text>
            </view>
        </block>
    </view>
</template>
 
<script>
    export default{
        props:["reciveUserInfo"],
    }
</script>