Исключить синтаксис привязки данных VueJS в Laravel Blade?

Язык шаблонов Laravel. Синтаксис привязки данных Blade и VueJS очень похож.

Как я могу избежать синтаксиса привязки данных VueJS, когда в файле *.blade.php?

Пример:

<div>
  <!-- Want it with VueJS -->
  {{ selectedQuestionDesc }}
</div>
<div>
  <!-- Want it with Laravel Blade -->
  {{ $selectedQuestionDesc }}
</div>

Ответы

Ответ 1

Задавая вопрос, я обнаружил, что вы можете избежать Laravel Blade, добавив знак @ перед двойными скобками {{}} или {!! !!} {!! !!} HTML рендеринг скобки.

Итак, вот ответ:

<div>
  <!-- HTML rendering with VueJS -->
  @{{ selectedQuestionDesc }} 
  <!-- Data binding with VueJS -->
  @{{ selectedQuestionDesc }}
</div>
<div>
  <!-- HTML with Laravel Blade -->
  {!! $selectedQuestionDesc !!}
  <!-- Variable binding with Laravel Blade -->
  {{ $selectedQuestionDesc }} 
</div>

Ответ 2

Для вывода реального HTML вам нужно будет использовать директиву v-html:

<p>Using v-html directive: <span v-html="rawHtml"></span></p>