Vue 3 разбор строки на компонент vue

#vue.js

Вопрос:

У меня есть строка, как показано ниже:

 These questions will address {{ selected }}. It is influenced by the following parents: {{ parent }}. 
 

и я хочу разобрать {{ }} часть как самостоятельный компонент Vue вместо чистого HTML, поэтому я не могу использовать v-html

Например, я хочу заменить {{ выделено }} как

 <StateComponent :state="selected"} />
 

В настоящее время я использую регулярное выражение для замены {{ }} в качестве компонента, но оно не работает

есть ли какие-то другие способы?

Спасибо

Комментарии:

1. Самостоятельный компонент?

2. Да, некоторые другие компоненты шаблона Vue вместо HTML-тегов