Vue. Axios. Download (import) a component into another component by pressing a button. How to make the component work?

Question

Vue.js

I have a Vue component that consists of a table whose rows are loaded via axios.
Example:
...

<tr v-for="tr in table_body">
    <td v-for="td in tr" v-html="td"></td>
</tr>

...

It is assumed that the table cells will contain html data (formatted or colorized text).
But what if another component needs to be displayed in the cells (for example, a dynamic button), in my case it is a button with a popup form.

How to determine that, among other things, another component has arrived in the json data, and it needs to be "launched?"

Answer 1

Bad answer : Vue.compile().
Correct answer : working with Vue (and not only) you should not drive html markup, you should drive data. The front must be responsible for all the design. Including which component to display which data.