根据存储值来显示多个组件

Question

我有一份注册表，如果尚未提交，则会显示

<template> 
    <div class="container"> 
        <form class="register" v-if="!this.submitted"></form>
        <RegisterSuccess v-if="this.submitted" email="this.form.email"/>
    </div>
</template>
<script>
    import RequestSuccess from './RequestSuccess';
    export default {
        name: 'Request Access',
        components : {
            RequestSuccess
        },
        data(router) {
            return {
                form : {
                    firstname : '',
                    surname : '',
                    email : '',
                    school : '',
                    position : ''
                },
                err : {},
                hasError : false,
                loading : false,
                submitted : false
            }
        }
    }

但是我遇到以下错误，

  

[Vue警告]：无法安装组件：模板或渲染函数未安装   定义。

     

位于

     

--->           在resources / js / components / RequestAccess.vue             在resources / js / components / App.vue