如何通过Vue实现一个长尾词的记住账号密码功能操作过程？

本文共计1077个文字，预计阅读时间需要5分钟。

目录+实现思路：+记录账号密码实现流程+npm安装base64依赖+实现思路：+用户登录时若勾选记住我功能选项，则将登录名和密码（加密后）存储到本地缓存+下次登录页面加载时自动获取保存在本地的登录名和密码

目录

• 实现思路：
• 记住账号密码实现流程
• npm安装base64依赖

实现思路：

　　用户登录时若勾选“记住我”功能选项，则将登录名和密码（加密后）存入本地缓存，下次登录页面加载时自动获取保存好的账号和密码（需解密），回显到登录输入框中。

　　说到存入本地缓存，大家想到的一定是cookies、localStorage、sessionStorage，不过后者我是不推荐使用的，咱们既然需求是记住密码那肯定是长时间或到下次取消时失效，但sessionStorage仅在当前会话下有效，关闭浏览器窗口后就被清除了，所以并不适用于我们当前的需求，cookies呢可以手动设置过期时间，超过有效期则失效。未设置过期时间，关闭浏览器窗口后就被清除了，显然是符合我们开发需求的，localStorage呢除非主动清除localStorage里的信息，否则将永远存在，关闭浏览器窗口后下次启动任然存在，这个也是符合我们开发需求的，根据业务需求我选择的是localStorage，下面是我实现的具体步骤，废话不多说直接开干。