Данные Laravel Blade + Vue.js

Как кодер, я ненавижу делать что-то дважды. Я искал простое и понятное решение для передачи параметров без вызовов Ajax и перезаписи колеса!

Есть много решений, но ни одно из них не позволяет сохранить:

• Компоненты как можно более общие
• Все интересные функции Laravel, такие как Blade, авторизация, проверка…

So…

Поместите все свои параметры в формате JSON внутри тега скрипта с идентификатором, который можно передать в PROP вашего компонента.

В вашем шаблоне Blade:

<script id=“my-data" type="application/json">
  @json(['company' => ‘WorldCorp', 'name' => ‘Bernard'])
</script>
...
<example-component data-id="my-data”></example-component>

В функции данных вашего компонента:

export default {
  props: ['data-id’],
  data() {
    let script = document.getElementById(this.dataId);
    return JSON.parse(script.innerHTML);
  }
...

Наслаждаться!