浅谈Vue导航守卫

什么是导航守卫？
导航守卫可以看做vue-router的生命周期钩子函数。
作用：主要是用来通过跳转或取消的方式来守卫导航
例如：用户没有登录就前往主页面，此时利用导航守卫将用户重定向到登录页面

示例：
根据导航的不同生命周期，会触发不同的导航守卫钩子函数
创建vue项目，src目录结构如下：

在views目录下创建Contact.vue文件
About.vue组件代码

在这里插入代码片// About.vue
<template>
  <div class="about">
    <p>about</<