用户功能 与 学习功能 是需要登录才能访问的，如果没有登录，就应该跳转到登录页面这里通过Vue Router的导航守卫处理 登录后我们应该跳回到上次访问的页面，处理方式login登录成功之后的跳转需要取决于redirect 通过这种方式设。

2 设计完美的背景视频 Web 页面首先基于脚手架工具 vuecli 来创建一个使用 vueloader 的项目，构建完毕后，在相应目录下创建vue文件，作为登录页面的模板文件，具体细节不再赘述本节内容仅局限于该vue文件2。

7如果前端拿到状态码为401，就清除token信息并跳转到登录页面 vuecli搭建一个项目，简单说明前端要做的事一调登录接口成功，在回调函数中将token存储到localStorage和vuex中 loginvue lttemplate #160#160 #。

如果只是简单的界面需要两到三天即可打开搭建好的vue项目，在components文件夹下面新建一个文件vue中页面跳转配置可以用路由实现，然后把登陆转换等界面设置好，一个简单的登录功能算是完成了用vue写一个界面需要几个。

1在登录的时候增加一个下拉菜单，把这几种类型都都绑定上去，然后用户自己选择，类型后输入帐户密码登录的时候做判断，通过跳转到所所对应的页面此处数据库设计中设定一个分类表，分类表存储ID帐户类型对应页面等。

311登录的表单 312从父组件接收过来的数据 loginForm表单的账号密码的数据，hasChecked是否选择记住密码 313登录表单的校验 314深度监听登录表单form 主要是监听退回登录页时，看表单页的。

vue的开发有两种，一种是直接的在script标签里引入vuejs文件即可，这样子引入的话个人感觉做小型的多页面会比较舒坦，一旦做大型一点的项目，还是离不开webpack所以另一种方法也就是基于webpack和vuecli的工程化开发下。