vue中如何使用转义字符？
How do I use escape characters in vue?
我想建一个类似于codepen的网站。
我制作了一个包含资产（按钮、卡片、效果...）的库，我正在使用 vue.js 构建它。
每个资产包含 html 代码、css 代码和必要的 js 代码。我还想格式化该代码，在 vanilla js 中，我使用转义字符（\n、\t）进行了格式化。
不幸的是，这在 vuejs 中不起作用。
听起来很奇怪，但输出应该是格式化html代码。
这是一个字符串 vanilla js 的例子，它确实有效：
'<button class="btn">Button 1 - Red hover effect</button>\n<button class="btn">Button 1 - Red hover effect</button>';
这是输出：
<button class="btn">Button 1 - Red hover effect</button>
<button class="btn">Button 1 - Red hover effect</button>
我想构建相同的东西，但是使用 vue。
有人知道这个问题的解决方案吗？
可以使用 v-html api
在您的网站上动态呈现任意 HTML 可能非常危险，因为它很容易导致 XSS 攻击。仅在受信任的内容上使用 v-html，绝不能在用户提供的内容上使用。
我想建一个类似于codepen的网站。 我制作了一个包含资产（按钮、卡片、效果...）的库，我正在使用 vue.js 构建它。 每个资产包含 html 代码、css 代码和必要的 js 代码。我还想格式化该代码，在 vanilla js 中，我使用转义字符（\n、\t）进行了格式化。 不幸的是，这在 vuejs 中不起作用。
听起来很奇怪，但输出应该是格式化html代码。 这是一个字符串 vanilla js 的例子，它确实有效：
'<button class="btn">Button 1 - Red hover effect</button>\n<button class="btn">Button 1 - Red hover effect</button>';
这是输出：
<button class="btn">Button 1 - Red hover effect</button>
<button class="btn">Button 1 - Red hover effect</button>
我想构建相同的东西，但是使用 vue。
有人知道这个问题的解决方案吗？
可以使用 v-html api
在您的网站上动态呈现任意 HTML 可能非常危险，因为它很容易导致 XSS 攻击。仅在受信任的内容上使用 v-html，绝不能在用户提供的内容上使用。