javascript - 在 Vue 组件中使用 Controller 数据

Question

我正在使用 Laravel (Spark) 和 Vue 构建一个应用程序。

用户可以创建一个条目:左侧为表单，右侧为预览，使用 v-model 将预览绑定(bind)到输入。这有效

现在，当用户编辑现有条目时，我会获取相关条目并将其传递到 View ，如下所示:

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>