表单基本验证，token失效，登录回跳的处理，路由的基本使用，等等......

目录

一 . 表单验证的基本使用

二 .  token失效

登录时的回跳处理

退出登录

路由

自定义指令

路由的基础使用

---

一 . 表单验证的基本使用

1：el-form
       model:数据
       rules:规则
       ref:form用于获取实例对象
    el-form-item
        prop:需要验证项的字段名
        label:标题
    表单元素  v-model绑定
rules:{
    prop的值：【
    {required:true,message:"必填",trigger:'change/blur'},
    {min:最小长度,max:最大长度,message:错误信息,trigger:'change/blur'},
    {validator:(rule,value,callback)=>{
        value:当前验证项的值
        callback:验证成功  callback()
        验证失败：callback(new Error('错误信息'))
    },trigger:"change/blur"}
    】
    
}
全局表单验证
this.$refs.form.validate((result)=>{
    result:验证结果 
      true:验证成功
      false:验证失败
})
局部表单验证
this.$refs.form.validateField([prop的值],(errorMessage)=>{
    errorMessage:错误信息
    有错误说明验证失败
    没有，说明验证成功
})

二 .  token失效

登录时的回跳处理

 

退出登录

路由

路由：指向，把一个地址指向对应一个组件

router:路由的实例化对象，管理整个路由

route：提供当前路由的基