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

Question

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

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

输出：

  

品牌名称为B＆amp; C

因此我在上一行中使用 v-html 对其进行了修复：

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

输出：

  

品牌名称是B＆C

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

Answer 1

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

Answer 2

v-html 指令用于使用我们的数据更新元素的 innerHTML。这就是它与 v-text 的区别，这意味着 v-text 接受字符串并将其视为字符串，它将接受字符串并将其呈现为 HTML。