Использование данных контроллера в компоненте Vue

Question

Я создаю приложение с Laravel (Spark) и Vue.

Пользователь может создать запись: форму слева, предварительный просмотр справа, используя v-модель для привязки предварительного просмотра к входам. Это работает

Теперь, когда пользователь редактирует существующую запись, я получаю запись в вопрос и передать его мнению, как так:

return view('app/form/edit', array('form' => $form));

А вот мой компонент:

Vue.component('create-form', { 
     props: ['user'], 

    data: function() { 
     return { 
      title: "", 
      description: "" 
     }; 
    }, 

}); 

Теперь, мой вопрос: как мне получить доступ к переменной $form в моем компоненте Vue?

Большинство вопросов, которые я вижу в связи с этим, либо повторяются по циклу, либо вытягивают данные с помощью Ajax (у меня уже есть данные на странице, поэтому я не думаю, что это путь сюда).

Любые советы о том, как поступить было бы весьма признателен :) Thanks Jan

Answer 1

здесь, что я делаю в таких случаях:

Если это модель:

<my-component :prop="{{ $some_model->toJson() }}"></my-component> 

Если это простой массив:

<my-component :prop="{{ json_encode($some_array) }}"></my-component>