vue路由守卫 之 内置守卫

基础知识

路由守卫：

• 有些资料上叫路由拦截
• 或者路由的钩子（函数）
• 当我进到到哪个阶段的时候会自动触发

---

举个例子

路由的守卫就相当于看门的老大爷，你进出都要检查，符合了要求才能进出

路由的三大守卫

全局守卫：
    beforeEach:   全局前置守卫
    afterEach:    全局后置守卫
    beforeResolve:全局解析守卫。
    
组件内部守卫：
    beforeRouteEnter: 进入路由之前执行
    beforeRouteUpdate:当路由的参数发生改变时执行
    beforeRouteLeave: 离开路由之前执行。
    
路由独享守卫：
    beforeEnter       进入路由之前执行。写在路由配置信息上的。

初始代码

• 以下路由守卫都会按照这个代码进行编辑

初始代码：

/******************组件（我要点击后进入的页面） My.vue************************/

<template>
    <div>大叫好，这里是页面 my</div>
</template>

<script>
export default {
   
    name:"My",
}
</script>

/******************路由（对应的地址进入到对应的页面）index.js*****************/