vue路由（十）实现有无权限（token）登录跳转判断详细教程

1.1登录成功以后（保存token令牌）进入home首页，进行各种操作。
1.2退出登录（清除token令牌）返回到登录页面。
1.3 没有token时候，直接在浏览去访问一个页面内的路由地址，会跳到登录地址，
    如果有token会直接进入目标页面

下一篇将讲解：，如果登录目标页面没有token令牌，则跳转到login页面登录，登录以后跳转到目标页面

1.login.vue页面，写一个登录页面

<template>
  <div id="app" style="margin: 0px; line-height: 34px; width: 800px">
    <h3>登录页面</h3>
    <el-form
      :model="ruleForm"
      status-icon
      ref="ruleForm"
      label-width="100px"
      class="demo-ruleForm"
    >
      <el-form-item label="用户名" prop="pass">
        <el-input v-model="ruleForm.name" autocomplete="off"></el-input>
      </el-form-item>
      <el-form-item label="密码" prop="checkPass&#