如何忽略vuejs中的html元素

Question

如何防止Vue.js在＆lt;中运行代码代码＆gt; markdown生产的标签？这是一个Laravel 5.5 + Vue.js 2.x项目，带有'andreasindal / laravel-markdown'套餐用于降价。 Vue尝试运行的代码实际上是一个Laravel Blade指令，看起来Blade本身并没有尝试处理它（因为我在控制台中收到了关于此的Vue错误）。

{{ session('notificationType') }}

我厌倦了修改Parsedown.php类（由'andreasindal / laravel-markdown'使用）来用HTML ASCII字符替换所有'{'。替换确实有效，但Vue仍在处理这些。

Answer 1

如果您不希望Vuejs评估HTML元素中的任何内容，您可以使用v-pre指令：

<code v-pre> {{ name }} </code>

在上面的示例中，vue将忽略标记内的所有内容，因此，name变量将不会被评估，并且所有内容都将按原样呈现。

^{* more on v-pre}