Как удалить компонент при клике на него на vue.js?

Wispik, да получилось, подредачил :is

<component v-for="n in blocks" :is="n.typeBlock" @remove="removeBlock(n)"> 
  </component>

Спасибо большое

Как удалить компонент при клике на него на vue.js?

Wispik, я сделал как Вы посоветовали, но удаляются все равно все созданные компоненты.


Вот в консоли можно видеть: я три раза добавлял компонент
Proxy {0: 'block-item1'} - первый раз нажал на кнопку
Proxy {0: 'block-item1', 1: 'block-item2'} - второй раз
Proxy {0: 'block-item1', 1: 'block-item2', 2: 'block-item3'} - третий раз
А потом в block-item1 нажал кнопку удалить и удалились все компоненты:
но блок передается передается, как я понял
я его вывожу перед тем как удалить

removeBlock(el) {
            console.log(el);
            this.blocks = this.blocks.filter(p => p.id !== el.id)
            console.log(this.blocks);
        },

Как правильно добавлять компоненты на vue3?

imko,
runtime-core.esm-bundler.js?d2dd:218 Uncaught TypeError: Cannot set properties of undefined (setting 'id')
at Proxy.addAnswer (blockTest.vue?4696:39:1)
at onClick._cache.._cache. (blockTest.vue?4696:6:1)
at callWithErrorHandling (runtime-core.esm-bundler.js?d2dd:155:1)
at callWithAsyncErrorHandling (runtime-core.esm-bundler.js?d2dd:164:1)
at HTMLButtonElement.invoker (runtime-dom.esm-bundler.js?2725:366:1)
addAnswer @ blockTest.vue?4696:39
onClick._cache.._cache. @ blockTest.vue?4696:6
callWithErrorHandling @ runtime-core.esm-bundler.js?d2dd:155
callWithAsyncErrorHandling @ runtime-core.esm-bundler.js?d2dd:164
invoker @ runtime-dom.esm-bundler.js?2725:366

Просто не знаю какой тут тег использовать чтобы нормально вью отобразить

Как правильно добавлять компоненты на vue3?

первое я понял.
остальное...
я хотел при добавлении нового answer что бы ему присваивался id, что бы в будущем удалять его

Как создавать новые div при клике на кнопку через vue.js?

спасибо, попробую что то сделать)