关于vue-router全局前置守卫中beforeEach()里的代码循环执行的问题

问题背景

几乎有登陆功能的站点都会有这一种流程： 用户想评论，点赞等有用户信息的行为站点如果检测到用户还没登陆，就会跳到登陆页进行登陆。而vue-Router中的全局前置守卫可谓十分适宜做这个功能，即beforeEach()钩子函数。按着这理解，我写下了以下代码；

import Vue from 'vue'
import Router from 'vue-router'
import QuiArrow from '@/components/quiArrow'
import QuiButton from '@/components/quiButton'
import QuiList from '@/components/quiList'
import QuiNav from '@/components/quiNav'
import login from '@/components/login'
Vue.use(Router)

const router =  new Router<