laravel-5 - 在信息亭（Laravel Spark）中制作自定义模块所需的帮助

Question

我们是 Laravel Spark 的新手，我们正在尝试在 kiosk 中添加自定义模块，因此我们希望在该模块中添加一个表单，我们按照以下链接的步骤 https://spark.laravel.com/docs/2.0/forms

我们通过添加以下代码在 ROOT_DIR/resources/assets/js/app.js 中为表单定义 vue 组件：

Vue.component('formexample', {
    data()
    {
        return {
            form: new SparkForm({
            level_name: '',
            level_status: ''
            })
        };
    }
});

设置视图文件后，我们在 app.js(ROOT_DIR/resources/assets/js/app.js) 文件中向 vue 组件添加方法：

 new Vue(require('laravel-spark'));
    Vue.component('formexample', {
        data()
        {
            return {
                form: new SparkForm({
                level_name: '',
                level_status: ''
                })
            };
        },
    methods: {
        register() {
            Spark.post('/formexample', this.form)
                .then(response => { console.log(response);
                });
            }
        }
    });

在此处输入图像描述

所以我们的问题是。我们以错误的方式遵循这些步骤？？请提出正确的方法。

还指导我们验证表单并将内容提前插入数据库Thankx