vue.js中的验证错误未显示

Question

我有一个SPA，我想在我的注册页面上显示验证错误。

Register.vue：

export default {
    middleware: 'guest',

    data: () => ({
        errors: [],
        form: ({
            name: '',
            email: '',
            password: '',
            password_confirmation: ''
        }),
        mustVerifyEmail: false
    }),
    
    methods: {
        async register() {
            this.errors = []
            try {
                await axios.get('/sanctum/csrf-cookie')
                let response = await axios.post('/api/register', this.form)
                console.log(response)
            } catch (error) {
                this.errors = error.response.data.errors
                console.log(this.errors.email)
            }  
        }
    }
}

Register.vue HTML：

<div class="form-group">
    <input v-model="form.email" type="email" name="email" class="form-control form-control-lg" placeholder="E-Mail address">
    <span v-if="errors.email" class="invalid-feedback" role="alert">
        {errors.email}
    </span>
</div>

在我的Web控制台中，我收到一个带有错误的JSON响应，但范围未显示。