неверное выражение: неожиданный идентификатор в vue js

Question

У меня проблемы с отправкой компактных данных из контроллера в компонент vue в качестве реквизита.

Код для файла Blade:

<div id="hotjob">
    <hotjob-component :projects="'{{ json_encode($Projects) }}'"></hotjob-component>
</div>

Я также пытался с {!! json_encode($Projects) !!, но он все еще неработает.

Код для Vue File:

props: ['projects'],
created()
{

    console.log('From On created');
    console.log(this.projects);
},
mounted()
{
    console.log(this.projects);
    console.log('Hot Job Mounted yeah');
}

Это ошибка, которую я получаю:

недопустимое выражение: неожиданный идентификатор в

Answer 1

просто передайте переменную напрямую в реквизит:

<hotjob-component :projects='{{ $Projects }}'></hotjob-component>

это должно сделать