Escape VueJS data binding syntax in Laravel Blade?
While asking the question I discovered that you can escape Laravel's Blade by prepending an @
sign before the double brackets {{}}
or the {!! !!}
html rendering brackets.
So here is the answer:
<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>