bladeで波かっこ2個を表示する {{ ～ }}
問題
bladeのテンプレートの中にvueのテンプレートを書きたい状況が発生したのですが、
{{～}}がbladeの変数表示になってしまいます。
どうすればよいですか。
答え
案1）bladeの機能をある程度使いたい場合＋vueのテンプレートがそんなに多くない場合
以下のように書けば、HTMLには {{ ～ }} と表示されて、vueに伝わります。
@{{ var }}
→ {{ var }} と表示される
案2）bladeの機能はほぼ必要ない場合＋@{{ ～ }} のような変な書き方をしたくない場合
bladeの @verbatim ディレクティブを使うと、その中は {{ ～ }} は そのまま表示されます。
@verbatim
{{ var1 }}
{{ var2 }}
{{ var3 }}
@endverbatim
↓
{{ var1 }}
{{ var2 }}
{{ var3 }}
と表示される
コメント