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

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

Use controller data in Vue component

javascript

php

laravel

vue.js

laravel-spark