Vue.js 如何获取&#8212在插值时显示为em短划线

在我正在工作的一个页面上，我试图将一篇博文的标题改为“睡眠”这一点非常重要。，在

睡眠

和

睡眠

之间有一个em破折号。以前我把这个硬编码为

<h2 class="post-title"><router-link to="/posts/1">Sleep&#8212It's frustratingly Important. </router-link></h2>

它没有插入em破折号。它显示为“睡眠&8212它非常重要。”

---

为什么html没有认识到—应该改成em破折号？如何解决这个问题？

在

{

和

}

之间的内容应该是一个解析为纯文本的表达式。它被转换为文本节点。它不会被视为HTML

如果您想要em破折号，请使用真正的em破折号：

-

您也可以查看，但它这样命名是有原因的。

为了澄清，“使用真正的em破折号”意味着，例如，将em破折号复制/粘贴到存储文本的任何位置<代码>—是HTML，而不是纯文本。

<h2 class="post-title"><router-link to="/posts/1"> {{ this.posts[0].title }} </router-link></h2>