在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>