router的内置函数

‌Router的内置函数‌主要包括以下几种：

1‌.router.beforeEach‌：全局前置守卫，在路由跳转前自动被调用，用于拦截导航并进行一些跳转前的处理，例如验证用户是否登录。可以在router.beforeEach中定义函数，并传入一个包含to和from等参数的函数。例如：

router.beforeEach((to, from, next) => {
    if (someCondition) {
        next(false);
    } else {
        next();
    }
});

‌2.路由独享守卫‌：在路由配置中单独设置，作用范围是单个路由，优先级高于全局前置守卫。可以在路由的meta字段中定义beforeEnter函数，例如：

const router = new VueRouter({
    routes: [
        {
            path: '/user/:id',
            meta: {
                beforeEnter: (to, from, next) => {
                    /* ... */
                }
            },
            component: UserComponent
        }
    ]
});

‌3.组件内的守卫‌：包括beforeRouteEnter、beforeRouteUpdate和beforeRouteLeave。这些守卫用于处理组件的导航钩子，例如：

export default {
    beforeRouteEnter(to, from, next) { /* ... */ },
    beforeRouteUpdate(to, from, next) { /* ... */ },
    beforeRouteLeave(to, from, next) { /* ... */ }
}

‌4.router.addRoute‌：用于动态添加路由，如果新增加的路由与当前位置相匹配，需要使用router.push()或router.replace()来手动导航，才能显示该新路由。例如：

this.$router.addRoute({ path: "/system", name: "system", component: System });

‌5.router.removeRoute‌：用于删除路由，例如：

this.$router.removeRoute('system');