diff --git a/docs/faq/components-in-v-html.md b/docs/faq/components-in-v-html.md index 1d7e122..d568dd7 100644 --- a/docs/faq/components-in-v-html.md +++ b/docs/faq/components-in-v-html.md @@ -1,13 +1,7 @@ # Why isn't `v-html` rendering my components? -::: warning This answer is a stub. -We are still working on writing the answers to the FAQ questions. The answer below is incomplete, but you may still find it useful. -::: - -`v-html` just sets the `innerHTML` property of an element. Vue won't attempt to interpret the string as a template, it will just pass it on as is to the browser. - -If you have the runtime template compiler enabled then you can do something like this instead: +Vue converts *template* input into *html* output. The `v-html="xyz"` directive is used to set the *html*. To render components, they need to be in the *template*. [Enable the runtime compiler](https://vuejs.org/guide/scaling-up/tooling.html#note-on-in-browser-template-compilation), and then use this: ```vue-html - + ```