• token 须要做长久化存储计划一 ：

    • vuex 配合 localStorage：

      • token 数据一式两份存储的起因：

        1. vuex 基于内存进行存储，速度快，然而刷新就会失落，
        2. localStorage 基于磁盘进行存储，存取较慢，然而刷新不会失落
      • vuex 和 localStorage 联合应用就能实现 token 的长久化存储

  • token 须要做长久化存储计划二 ：

    • 应用插件实现 --> vuex-persistedstate

      • 在 vuex 中筹备 user、cart 模块
      • 将插件配置到 vuex 的 plugins 选项中，配置 user、cart 模块进行状态长久化
      • 批改 state 数据就会触发主动同步机制，能够批改一下数据监测测试是否同步胜利

      • 步骤： [文档： https://developer.aliyun.com/...]

        • 装置：npm i vuex-persistedstate
        • 在 src/store 文件夹下新建 modules 文件，在 modules 下新建 user.js 和 cart.js --> [src/store/modules/user.js]
      • 应用插件须要去到 store/index.js 的 plugins 下进行插件治理
      • 触发的机制： paths 中配置的模块中数据产生扭转插件会主动帮忙同步

  • 留神：

    • 数据长久化的实现默认是将数据存在 localStorage 中的，然而这个能够被定义
    • paths 用于指定长久化的数据对象，能够是整个模块，也能够指定单个数据 --> user.token

    • paths 中配置的模块中数据产生扭转插件会主动帮忙同步，执行的流程是：

      • 每次数据扭转会将 vuex 的数据同步到 localStorage，而后刷新的时候将 localStorage 的数据同步到 vuex