Проблема декларативного рендеринга

В основе Vue.js лежит система, которая позволяет нам декларативно отображать данные в DOM, используя простой синтаксис шаблона:

<div id = "app">
      {{ message }}
</div>

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

Я запускаю этот код, но получаю ошибку

Use of undefined constant message - assumed 'message' (this will throw an Error in a future version of PHP)

После тяжелой работы я обнаружил, что это забыл @ @{{ message }}. Кто-нибудь может сказать мне, что @ что работает в шаблоне Laravel Blade с Vue.js?

Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Оживление вашего приложения Laravel: Понимание режима обслуживания
Оживление вашего приложения Laravel: Понимание режима обслуживания
Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...
Коллекции в Laravel более простым способом
Коллекции в Laravel более простым способом
Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...
Поиск нового уровня в Laravel с помощью MeiliSearch и Scout
Поиск нового уровня в Laravel с помощью MeiliSearch и Scout
Laravel Scout - это популярный пакет, который предоставляет простой и удобный способ добавить полнотекстовый поиск в ваше приложение Laravel. Он...
Освоение архитектуры микросервисов с Laravel: Лучшие практики, преимущества и советы для разработчиков
Освоение архитектуры микросервисов с Laravel: Лучшие практики, преимущества и советы для разработчиков
В последние годы архитектура микросервисов приобрела популярность как способ построения масштабируемых и гибких приложений. Laravel , популярный PHP...
Как построить CRUD-приложение в Laravel
Как построить CRUD-приложение в Laravel
Laravel - это популярный PHP-фреймворк, который позволяет быстро и легко создавать веб-приложения. Одной из наиболее распространенных задач в...
1
0
204
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я считаю, что вы используете {{ message }} в своем клинке. который интерпретируется как php. поэтому вы должны использовать @ до {{}}.

использование @ перед выражением лезвия будет пропущено лезвием.

<div id = "app">
      @{{ message }}
</div>

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

для дополнительной информации

https://laravel.com/docs/5.6/blade

@UdhavSarvaiya Я рад, что он вам помог.

Adnan Mumtaz 23.04.2018 12:12

Другие вопросы по теме