显示的Vue多个组件取决于存储值

我有一张登记表,如果没有提交的话,上面会显示

<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 warn]:未能装载组件:模板或呈现函数没有 定义。

发现于

---gt; 在resources/js/components/requestaccess.vue 在resources/js/components/app.vue