print vue component from string

Question

This example is not working, is there any solution or usage is illegal?

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

if you add vueJS dependencies, anyone can see the issue being replicated and can offer help... — Akber Iqbal
– Akber Iqbal, Commented Nov 7, 2018 at 11:46

bbsimonbb · Accepted Answer · 2018-11-07 13:16:28Z

1

No that's not supported. The content of v-html is not processed by Vue, so no vue components, tags or bindings can be used there.

In general, if you see any markup outside of a template, it's an anti-pattern. And v-html is something you should use rarely and with a bad conscience :-)

edited Nov 7, 2018 at 13:16

answered Nov 7, 2018 at 11:20

bbsimonbb

29.3k18 gold badges92 silver badges129 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

bbsimonbb Over a year ago

Don't hesitate to accept the answer if it's useful !

Collectives™ on Stack Overflow

print vue component from string

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related