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