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

What is the difference between v-html and v-text?

我使用 v-text 得到以下代码:

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

输出:

Brand Name is B&amp;C

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

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

输出:

Brand Name is B&C

我的问题如下:

为什么使用 v-html 而不是 v-text?我已经阅读了 Vue 文档,但我不清楚其中的区别。

v-text 设置元素的 textContent of the node. v-html sets the innerHTML&amp; 是一个 HTML 实体。如果您想要解释和替换 HTML 个实体,您需要将它们解释为 HTML 而不是文本。

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