Vue实现登录以及登出

首先先了解一下，我们的效果实现流程

        首先登录概述及业务流程和相关技术点

                1.登录页面的布局
                2.创建两个Vue.js文件
                3.一个我们来做登录页和注册页
                4.登录页面的布局
                5.配置路由
                6.登录表单的数据绑定
                7.登录表单的验证规则
                8.登录表单的重置
                9.登录预验证
                10.登录组件配置弹窗提示
                11.登录成功后的行为
                12.将登录之后的token，保存到客户端的sessionStorage中
                13.通过编程式导航跳转到后台主页，路由地址是默认路径 '/'
                14.在我们首页的登出，组件配置弹窗提示，把我们的token使用removeItem删除

登录业务流程 

                1.在登录页面输入用户名和密码

                2.调用后台接口进行验证

                3.通过验证之后，根据后台得响应状态跳转到项目主页

登录功能实现

                1.首先我们用路由守卫来验证登录，判断是否与需要登录

 

{
    path:'/login',
    name:"login&