vue router.addRoutes和router.addRoute的异同和使用方法

vue router.addRoutes和router.addRoute的异同和使用方法

addRoutes传入数组

const accessRoutes = await store.dispatch(
            "permission/generateRoutes",
            roles
          );
           router.addRoutes(accessRoutes);
           // 动态添加可访问路由表
          // 如果参数to不能找到对应的路由的话，就再执行一次beforeEach((to, from, next)直到其中的next({ …to})能找到对应的路由为止。
          next({
            ...to,
            replace: true,
          });

addRoute传入单个

const accessRoutes = await store.dispatch(
            "permission/generateRoutes",
            roles
          );
          accessRoutes.forEach(item => {
            router.addRoute(item);
          });
           // 动态添加可访问路由表
          // 如果参数to不能找到对应的路由的话，就再执行一次beforeEach((to, from, next)直到其中的next({ …to})能找到对应的路由为止。
          next({
            ...to,
            replace: true,
          });