Vue中未登录跳转到登录页

主要的实现方式通过vue-router的路由守卫beforeEach

1、配置路由，在路由中先设置meta属性，不需要用户登录就可以访问的设置为false

2、使用路由前置守卫 

 3、登录页中用户登录后将用户状态同步Vuex以及回跳处理

 总结：

1、前置路由守卫：beforeEach接收三个参数
（1）to：即将进入的路由对象

（2）from：即将离开的路由对象

（3）next：取消路由守卫

2、路由的meta属性：在路由中设置meta，可以在路由导航守卫跳转的时候判断有没有这个信息,如果meta设置为false,那么表示取消路由守卫，无需跳转。

3、this.$store.state.xx取值写法只能用在组件或者html页面中，其它地方使用方式先将store进入该页面 import store from "@/store" 引入后取值store.state.xx