简介结合`vue`框架制作手机H5页面登录注册组件登录注册相关知识点1.cookies和tokens的作用（个人理解，如果没到位，请指出)token:我的电脑通过http请求登录某个网页。登录成功后，服务器会返回一个token给我的电脑。然后我只需要保存这个token，下次我用我的电脑请求同一个页面时，服务器会自动验证我的token。它会用自己的密钥来分析这个令牌是否是上次发送到我电脑的。如果解析后数据一致，那么我就可以不用登录直接访问页面，如果不一致，则认证失败。cookie：登录后服务器也会返回一个cookie给我的浏览器。cookies的作用是保存在本地。所以这里我使用请求的token保存在cookie中。下次无需登录即可访问该页面。2、登录注册与cookie、token的连接第一次登录注册------>服务器返回token和cookie----->不保存token，关闭浏览器---->必填为下次登录输入账号密码首次登录注册----->服务器返回token,cookie----->将token保存在cookie中，这样token就保存在了machine----->closethebrowserDevice----->下次登录不需要账号密码就可以访问这个页面3.获取cookie，设置cookie，删除cookie1）把这三个方法放在一个公共的js文件中,并调用4.需要时编码实现1).当你用v-model双向绑定数据点击下一步时，用正则判断用户名和手机号是否符合要求。如果满足要求，可以点击下一步。同理，也使用v-model双向绑定数据2).我把ajax请求放在api文件里，组件需要用到的时候调用这个函数3).在登录注册组件中调用该函数，引入请求后台接口的功能和设置cookie的功能import{getCodeNum,getRegister}from'api/register.js'js'4).路由进入前先判断是否有token。是请求用户信息的接口，注册成功后可以获得头像和用户名5).注销并清除cookie
