beforeRouteLeave和beforeEach

`beforeRouteLeave` 和 `beforeEach` 都是 Vue.js 中的导航守卫（Navigation Guards），用于在路由切换之前执行某些操作。它们的区别在于作用时机：

1. **beforeRouteLeave**：
- 这个钩子是在当前组件离开目标路由（例如通过点击浏览器的前进或后退按钮）之前被调用的。它允许你在组件实例即将销毁前执行清理工作，如确认是否需要保存数据、取消正在进行的操作等。
- 它接收两个参数：`to`: 路由对象，表示将要离开的目标路由；`from`: 当前组件所在的路由对象。
- 示例用法：

     beforeRouteLeave(to, from, next) {
       if (confirm('确定要离开吗?')) {
         next(); // 继续离开
       } else {
         next(false); // 取消离开
       }
     }

2. **beforeEach**：
- 这个钩子则在每次导航开始时（包括进入和离开路由）都被调用。它可以用来验证权限、做通用的数据加载或者设置默认值等，对所有进入或离开的路由都生效。
- 它同样接收三个参数：`to`, `from`, 和 `next`，你可以根据这些参数判断是否允许跳转，并调用 `next()` 或者 `next(false)` 来阻止导航。
- 示例用法：

     beforeEach(() => {
       if (!loggedIn()) {
         router.push('/login'); // 如果用户未登录，重定向到登录页面
       } else {
         next(); // 用户已登录，继续正常导航
       }
     })