主要介绍了vue实现未登录跳转到登录页面的方法，主要目的是实现未登录跳转，需要的朋友参考下吧

在开发webApp的时候，考虑到用户体验，经常会把不需要调用个人数据的页面设置成游客可以访问，而当用户进入到一些需要个人数据的，例如购物车，个人中心，我的钱包等等，在进行登录的验证判断，如果判断已经登录，则显示页面，如果判断未登录，则直接跳转到登录页面提示用户登录，今天就来分享下如何使用vue-router的beforEach方法来实现这个需求。 实现 本篇文章默认您已经会使用 webpack 或者 vue-cli 来进行环境的搭建，并且具有一定的vue基础，如果您目前是一个新手，那么网上搜索一