Vuejs - как динамически передавать реквизиты и события в динамический компонент

У меня есть динамический компонент, который загружает его в зависимости от типа каждого компонента, а реквизиты, которые я передал, используются внутри всех компонентов.

<div>
        <component
            :is = "getComponentName(attribute.type.toLowerCase())"
            :cell-value = "listItem[attribute.name]"
            :attribute = "attribute"
            :is-read-only = "isReadOnly"
            :row-key-id = "listItem.keyId"
        />
</div>

и компоненты загружаются из json, где каждому типу назначается компонент

{
    "dropdown" : {
        "shouldLoadComponent" : "BaseDropDown"
    },
    "assigned" :{
        "shouldLoadComponent" : "BaseDropDown"
    },
    "textbox" : {
        "shouldLoadComponent" : "BaseInput"
    },
    "label": {
        "shouldLoadComponent" : "BaseLabel"
    },
    "switch": {
        "shouldLoadComponent" : "BaseSwitch"
    },
    "time": {
        "shouldLoadComponent" : "BaseLabel"
    },
    "status" : {
        "shouldLoadComponent" : "BaseLabel"
    },
    "comment": {
        "shouldLoadComponent" : "BaseLabel"
    },
    "action": {
        "shouldLoadComponent" : "BaseLabel"
    },
    "personalimage":{
        "shouldLoadComponent" : "BaseLabel"
    }
}

Основная проблема в том, что есть ряд нестандартных пропсов и они используются не во всех компонентах.

Как лучше всего это сделать?

Теперь это проблема и для событий, так как каждый компонент события имеет свой уникальный