Laravel неопределенная переменная исключения с vue.js

Question

Я хочу проверить простой vue.js в блейд-системы Laravel, Вот мой код в test.blade.php файл вида:

<div id="app"> 
    <p>{{message}}</p> 
</div> 
<script src="{{url('/assets/js/vue/vue.min.js')}}"></script> 
<script> 
    new Vue({ 
    el:'#app', 
    data:{ 
     message:"hello world" 
    } 
}); 
</script> 

Проблема заключается при рендеринге view file laravel хочет получить сообщение как переменную или константу и потому, что нет никакого message переменная, переданная для просмотра I get Использование неопределенной константы исключение. Так в чем же решение?

Answer 1

добавить @ {{сообщение}}

что скажет лезвие игнорировать это.

Answer 2

Это нехороший подход к объединению одних и тех же обозначений для интерфейсных и задних. Конечно, с @ Blade может игнорировать.

Гораздо чище идея состоит в том, чтобы извлечь передний конец с фоновым, потому что лезвие и Vue.js использовать те же обозначения:

• Front-End с HTML, CSS ан JavaScript (в вашем случае Vue.js)
• Back-конец (в PHP, Laravel в вашем случае), как REST-API с PHP, который возвращает JSON

большие преимущества:

• Это более безопасно
• Это более ремонтопригодны
• Это очиститель