v-html 和 v-text 有什么区别？

Question

我使用v-text有以下代码：

<h1 v-text="content.title"></h1>

输出：

品牌名称是 B&C

所以我在上一行中使用v-html修复了它：

<h1 v-html="content.title"></h1>

输出：

品牌名称是 B&C

我的问题如下：为什么它可以使用v-html而不是v-text？我已经阅读了 Vue 文档，但我不清楚其中的区别。

Answer 1

v-text设置节点的文本内容。v-html设置元素的innerHTML。&是一个 HTML 实体。如果您希望解释和替换 HTML 实体，则需要将它们解释为 HTML 而不是文本。