Исключение неопределенной переменной Laravel с vue.js
Я хочу протестировать простой 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>
Проблема в том, что при рендеринге файла представления Laravel хочет получить доступ к сообщение в качестве переменной или константы и потому, что нет никакого сообщение переменная передана для просмотра я получаю Использование неопределенной константы исключение. Так в чем же решение?
Решение
добавить сообщение}}
это скажет лезвию игнорировать это.
Другие решения
Это не хороший подход, чтобы объединить одну и ту же запись для внешнего и внутреннего интерфейса. Конечно, с @Клинок может игнорировать.
Намного более понятная идея — извлечь внешний интерфейс из внутреннего интерфейса, потому что Blade и Vue.js используют одну и ту же запись:
- Front-end с html, css en javascript (в вашем случае Vue.js)
- Back-end (в php, Laravel в вашем случае) как REST-api с php, который возвращает json
Большие преимущества:
- Это более безопасно
- Это более ремонтопригодно
- Это чище