记录一个vue路由拦截效果的小技巧

使用一句三元表达式，

<router-link class="flex-left left" tag="div" :to="loginState?'/loginOut':''">    loginState相当于登录状态的flag，可以从localstrage中获取判断token来判断登录状态

            <img src="../../assets/img/iconfont/unlogo.png" alt="">                    //这里写死，省略了代码，项目中是按实际需求完成的登录和非登录展示不同的logo（默认的logo和用户自己设定的logo）

 </router-link>

使用场景：登录状态下点击头像进入某一页面，未登录状态点击默认logo无法进行路由跳转，

另一种比较正规的方式是在app.vue中使用

watch:{

    $route(to,from){

}

监听路由，路由守卫，用到了在做笔记