vue和elementul写后台登录 退出逻辑

当我们点击登录的时候思路:

表单进行兜底验证 =>验证通过

 //1 发送信息给后台验证
   
 //2 给用户提示信息
       
 //3 后端返回的token储存到  vuex 和 storage中
         
 //4 路由跳转页面到主页(默认页面)
          
 //5 清除表单验证 表单已经输入的内容

表单进行兜底验证 =>验证不通过

// 验证不通过,返回错误
    return false

 当我们点击退出的时候思路

// 1 弹出确定要退出的询问框

// 2 判断用户点击确定还是取消

// 3 用户点确定

  // 3.1 跳转到登录页面
        
  // 3.2 给用户提示"已退出"
      
  // 3.3本地清除token
       
  // 3.4清除vuex中的token
   

// 3 用户点击取消 提示用户"已取消"