vuejsのhtml要素を無視する方法

Question

Vue.jsが<コード内でコードを実行するのを防ぐ方法> markdownによって生成されるタグ？マークアップのための 'andreasindal/laravel-markdown'パッケージを含むLaravel 5.5 + Vue.js 2.xプロジェクトです。 Vueが実行しようとしているコードは、実際にはLaravel Bladeディレクティブであり、Blade自体は処理しないように思われます（これはコンソール上でVueエラーが発生しているためです）。

{{ session('notificationType') }} 

私は疲れてHTMLのASCII文字で '{' のすべて交換する（ 'andreasindal/laravel-値下げ' により使用されます）Parsedown.phpクラスを変更します。交換はうまくいったが、Vueはまだそれらを処理した。

Answer 1

あなたはVuejsは、あなたのようにv-preディレクティブを使用することができ、HTML要素の内部は何も評価しない場合：上記の例のVUEで

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

「はそうname変数ウォンをタグ内のすべてを無視します評価され、すべてがそのままレンダリングされます。

^{* more on v-pre}