Enter之前确定要在VueRouter上加载哪个组件

Question

我有一个应用程序，如果用户未登录，则该应用程序会加载其他路由器。我已经实现了该功能，这就是解决方法。因此，在我的路线上，我想要一个非常动态的路线，该路线将根据URL决定加载哪个组件。

import Vue from 'vue';
import Router from 'vue-router';
import Login from '@/components/Login';
import ForgotPass from '@/components/ForgotPassword';
import SignUp from '@/components/Signup';

Vue.use(Router);

export default new Router({
  routes: [
    {
      path: '/:route',
      beforeEnter (to, from, next) {
        // load a component based on the string entered in :route
      }
    }
  ]
});

之所以如此，是因为我想要3种可能的结果： 1.如果：route = login或：route为空，它将使用默认组件login 2.如果：route = form或audit（要求用户登录后再登录），因为我已经创建了禁止他们登录的逻辑，如果他们没有登录，我希望他们一旦登录就被重定向尝试访问该URL，而不是空的渲染 3.如果：route =忘记密码或注册应该转到其各自的组件。