Składnia powiązań danych Escape VueJS w Laravel Blade?

Question

Język szablonowania Laravel Blade i składnia powiązań danych VueJS są bardzo podobne.

Jak można uniknąć składni wiązania danych VueJS w pliku *.blade.php?

Przykład:

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

Answer 1

Gdy zadajesz pytanie odkryłem, że można uciec laravel Ostrze przez poprzedzenie się @ znak przed podwójnych nawiasach {{}} lub wsporników świadczących {!! !!} html.

Tak oto odpowiedź:

<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> 

Answer 2

W celu wyjścia rzeczywistym HTML, trzeba będzie użyć dyrektywy v-HTML:

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