router.beforeEach to 跳转用法

`router.beforeEach` 是 Vue.js Router 中的一个钩子函数，它会在每次导航到一个新的路由之前被调用。这个功能常用于控制路由权限、数据验证、设置共享状态等场景。其基本语法如下：

router.beforeEach((to, from, next) => {
  // 这里是对当前要跳转的路由(to)和上一路由(from)的一些处理操作
  if (/* 验证条件 */) {
    // 如果验证通过，继续导航
    next();
  } else {
    // 验证未通过，可以选择转向错误页面、返回上一路径或其他处理
    next({ path: '/error', query: { message: '访问受限' } });
    // 或者直接阻止导航
    next(false);
  }
});

在这个钩子中，你可以根据 `next` 函数的不同参数来决定是否执行导航：
- 如果 `next()`，则正常进行导航；
- 如果传递一个对象给 `next`，那么会替换当前的路由配置，并继续导航；
- 如果传递 `false` 给 `next`，则导航会被终止。