在Vue组件中使用控制器数据

Question

我正在用Laravel（Spark）和Vue构建一个应用程序。

用户可以在左侧创建一个条目：表单，在右侧预览，使用v-model将预览绑定到输入。该工程

现在，当用户编辑现有条目，我得到有问题的条目，并把它传递给视图，像这样：

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

这是我的组件：

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

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

}); 

现在，我的问题：我如何访问我的Vue组件中的$form变量？

我看到的与此相关的大多数问题是迭代循环或使用Ajax（我已经拥有页面上的数据，因此我不认为这是去这里的方式）拉数据。

如何进行的任何意见，将不胜感激:) 感谢 月

Answer 1

在这里我对这样的情况下做的事：

如果它是一个型号：

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

如果它是一个简单的数组：

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