react router 原理
router.beforeeach原理
router.beforeEach是Vue Router中的一种导航守卫，用于在路由跳转前执行一些额外的逻辑操作。其原理如下：
1.在调用router.beforeEach时，会将它传入的回调函数添加到路由的beforeHooks数组中。
2.每当用户要进行一次路由跳转时，Vue Router会遍历beforeHooks数组中的所有回调函数，依次执行它们。
3.在执行回调函数时，会传入三个参数：to、from、next。其中，to表示即将跳转的路由，from表示当前路由，next是一个函数，用于决定是否执行跳转操作。
4.在回调函数中，可以利用to和from参数的信息来判断用户是否有权限跳转到指定路由。如果有权限，则可以调用next方法继续执行路由跳转操作，否则可以调用next(false)取消路由跳转。
5.如果在某个回调函数中调用了next方法，就会暂停执行后续的路由跳转，等待下一个beforeHooks回调函数继续执行。
6.如果所有beforeHooks回调函数都执行完毕，并且没有调用next方法，就会执行路由跳转操作。如果有任何一个回调函数中调用了next(false)，则路由跳转会被取消。