Vue中的缓存的缓存ttl

Question

我在我的项目中使用Vuex和vuex-persistedstate。
如何更改Vue中本地存储的生存时间（ttl）？
对不起，我的英语不好 附言我使用此解决方案When do items in HTML5 local storage expire?。

Answer 1

vuex-persistedstate似乎正在使用此Cookie库：

https://github.com/js-cookie/js-cookie#expires

此示例还具有expired属性（摘自其文档）：

const store = new Store({
  // ...
  plugins: [
    createPersistedState({
      storage: {
        getItem: key => Cookies.get(key),
        setItem: (key, value) =>
          Cookies.set(key, value, { expires: 3, secure: true }),
        removeItem: key => Cookies.remove(key),
      },
    }),
  ],
})

这里的数字3是天数，如果您想减少天数，可以遵循以下常见问题解答：

https://github.com/js-cookie/js-cookie/wiki/Frequently-Asked-Questions#how-to-make-the-cookie-expire-in-less-than-a-day