class UserStore {
  userInfo = {
    userName: '',
    roomId: ''
  };
  constructor() {
    makeAutoObservable(this);
+   makePersistable(this, {
+     name: 'UserStore',
+     properties: ['userInfo'],
+     storage: window.localStorage
+   }).then(r => console.log('持久化存储', r));
+ }
  setUserInfo = (key: keyof typeof this.userInfo, value: string) => {
    this.userInfo[key] = value;
  };
}

export default new UserStore();


name: 名称，唯一值，类似于pinia-plugin-persistedstate 中的id

properties: 数组，表示需要持久化的值，类似于pinia-plugin-persistedstate中的path

storage: 使用什么存储（localStorage, 或者sessionStorag）和pinia-plugin-persistedstate 一样


事实证明很多轮子都已经造好了，我们并不需要重复造轮子

mobx持久化存储

微信小程序中自定义组件的一个问题

Git相关问题记录

proxy

❓如何一个端口下运行多个项目？

整理一下各种配置代理

localhost、0.0.0.0、127.0.0.1区别

浅浅吐槽一下VueUse

🆚VSCode插件开发

CodeEditor的部署流程

Docker、Nginx相关问题记录

尾递归优化

649. Dota2 参议院

100vh在移动端中的问题

2766. 重新放置石块

2101. 引爆最多的炸弹

529. 扫雷游戏

React+Tailwindcss实现暗黑模式

Vue2+webpack项目迁移到Vue3+Vite

创造 Candy

实现一个滑块验证功能

如何方便快捷地魔改第三方库

记录一次做发布功能中遇到问题

记录一次业务中用到的算法： 合并区间

46. 全排列

42. 接雨水

17. 电话号码的字母组合

3. 无重复最长子串

2. 两数相加

🆚开发一个VSCode插件

记录一次对十万量级数据操作的优化

🅱️ 优化一下打包部署流程

🐛记录一个由JS浮点数精度引起的线上BUG

Vite打包图片资源找不到问题

(CDP)相关问题

React相关问题记录

mobx-persist-store