About the use of vue3 props parameters

Receive all values through one parameter of props.

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

  const backgroundColor = computed(() => {
    return props.customSearchConfig.backgroundColor
  })

separate use

const props = defineProps({
    placeholder: {
      type: String,
      default: '请输入'
    },
    backgroundColor: {
      type: String,
      default: '#f4f5f7'
    }
  })

I saw the usage of “computed” in someone else’s code, but I don’t understand the advantages of doing so.Because I don’t know what parameters the current component needs, I have to look at the documentation for all of them.

Which of the above two methods is better, what are the advantages and disadvantages, and which one do you all use?