vue + store2实现未提交信息自动保存

自动保存因意外退出而将来得及提交的注册信息

前提条件

• 未提交。提交过的注册信息不予保存
• 意外退出。正常退出的注册信息不予保存

实现方法

• 保存注册信息，用store2来作。
  可是，怎么解决另外一个用户想注册的时候不会恢复上一个用户的注册信息呢？
  用sessionStorage，关闭浏览器则sessionStorage保存的信息清空
• 未提交，也就是提交事后的不予保存。定义一个flag, 用户提交信息并返回ok
  后，置flag为false，在路由离开的钩子里判断flag为false则无需保存。
• 意外退出。其实在路由离开的钩子里提醒用户"是否肯定离开？"，便可以
  避免因意外退出丢失将来得及保存的注册信息。

总结

因此，个人方案是，①在路由离开钩子里提醒用户"是否肯定离开？"
②在路由离开钩子里默默为用户保存还没有提交的注册信息，而且用sessionStorage
保存，以防用户信息穿混。

后记

另外一种自动保存的需求出如今编辑邮件、我的简介等长篇幅的写内容中，常见
的是自动保存，也就是用定时器保存信息。至于保存在哪里？建议保存在服务端
不建议保存在客户端。由于是非短期的写内容，用户可能在多平台、多时段
编辑，并且用户是已登陆的，利于服务端按用户id进行存储。

vue-storage

这是一个用vuejs + store2 + bootstrap-vue实现的** 自动保存因意外退出而将来得及提交的注册信息** 小demo

项目相关资源

GIT地址