вывести vue компонент из строки

Question

Этот пример не работает, есть какое-либо решение или использование запрещено?

Vue.component('hello', {
    template: '<span>Hello world!</span>'
})
Vue.component('foo', {
    data(){
        return {
            say_hello: '<hello></hello>'
        }
    },
    template: '<div v-html="say_hello"></div>'
})

Answer 1

Нет, это не поддерживается. Содержимое v-html не обрабатывается Vue, поэтому там нельзя использовать компоненты, теги или привязки vue.

В общем, если вы видите какую-либо разметку вне шаблона, это анти-шаблон. А v-html - это то, что вы должны использовать редко и с чистой совестью: -)