> For the complete documentation index, see [llms.txt](https://d-ukolov.gitbook.io/vue/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://d-ukolov.gitbook.io/vue/direktivy/v-html.md).

# v-html

## v-html

* **Принимает:** `string`

Управляет HTML-содержимым элемента (`innerHTML`). **Cодержимое вставляется как обычный HTML — то есть не компилируется как шаблон Vue**. Не стоит организовывать вложенные шаблоны с помощью `v-html`, попробуйте лучше применить компоненты.

Динамическая отрисовка произвольного HTML-кода на сайте — это очень опасная практика, легко приводящая к XSS-уязвимостям. В `v-html` стоит передавать только содержимое, которому можно доверять, и **никогда** — необработанный пользовательский ввод.

В однофайловых компонентах `scoped` стили не будут применены к содержимому внутри `v-html`, потому что этот HTML не обрабатывается компилятором шаблонов Vue. Если нужно стилизовать содержимое `v-html` с помощью локального CSS, то можно вместо этого использовать CSS-модули или дополнительный глобальный элемент `<style>` с иной стратегией, такой как БЭМ.

```markup
<div v-html="html"></div>
```