diff --git a/src/v2/api/index.md b/src/v2/api/index.md index 33abc848f7..0f861b8ab4 100644 --- a/src/v2/api/index.md +++ b/src/v2/api/index.md @@ -1686,6 +1686,8 @@ type: api

Dynamically rendering arbitrary HTML on your website can be very dangerous because it can easily lead to [XSS attacks](https://en.wikipedia.org/wiki/Cross-site_scripting). Only use `v-html` on trusted content and **never** on user-provided content.

+

In [single-file components](../guide/single-file-components.html), `scoped` styles will not apply to content inside `v-html`, because that HTML is not processed by Vue's template compiler. In you want to target `v-html` content with scoped CSS, you can instead use [CSS modules](https://vue-loader.vuejs.org/en/features/css-modules.html) or an additional, global `