Почему без @ не работает а с @ выводит {{message}}?

Question

[Oleg Sevoc]

Добрый день, начал изучать vue js совместно с laravel!
должно вывести текст привет vue а выводит {{ message }} ??? а если убрать @ то ошибку ! Констант не верный я так понял.

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

var app = new Vue({
    el: '#app',
    data: {
        message: 'Привет, Vue!'
    }
})

Comments

[Aetae]

Всё прекрасно работает:
Значит проблема в использовании laravel, какие-то символы как-то конфликтуют. Гуглите.

[Oleg Sevoc]

Aetae, думаю в самом Laravel проблема спасибо)

Answer 1

[ettychel]

В документации описано

Comments

[Oleg Sevoc]

О спасибо, а то я не нашел.

Answer 2

[Vladimir Shapovalov]

Я бы посоветовал все что относится к vue окружить verbatim тегами. И компонентов шаблону включить в template блок и выбросить их куда-то вне "блейда". Или вообще сделать SFC файлик где сразу и код компонента и его шаблон.

<script src="https://unpkg.com/http-vue-loader"></script>

Библиотека http-vue-loader (ищи на гитхабе + там есть инструкция) поможет тебе их грузить "прозрачно" без билдеров, вебпаков и плясок с бубном.