vue3封装组件 子组件接受父组件的参数用对象好还是一个一个接收好？

<template>
  <el-switch :inactive-value="initData.inactive_value"
             :active-value="initData.active_value"
             v-model="initData.value" :loading="initData.loading">

  </el-switch>
</template>
<script setup>
import {reactive} from "vue";

const props = defineProps({
  data: {
    type: Object,
    default: () => ({})
  },
  config: {
    type: Object,
    default: () => ({})
  }

})
const initData = reactive({
  value: props.data[props.config.api_param],
  loading: false,
  inactive_value: props.config.inactive_value,
  active_value: props.config.active_value
})

</script>

比如我封装了一个组件 但是我时间久了 根本不知道这个对象要传递什么东西

config: {
  active_value: 1,
  inactive_value: 0,
  api_id: 'id',
  api_param: 'status',
  api_url: '',
}