vuex状态持久化

最新推荐文章于 2024-07-23 15:47:26 发布

weixin_30478757

最新推荐文章于 2024-07-23 15:47:26 发布

阅读量58

点赞数

原文链接：http://www.cnblogs.com/yunspider/p/9326359.html

版权

npm install vuex-persistedstate

在store.js里

import createPersistedState from 'vuex-persistedstate'
const state = {
    user:{},
}
export default new Vuex.Store({
    state,
    getters,
    actions,
    mutations,
    plugins: [createPersistedState()]//会自动保存创建的状态。刷新还在
});

vuex-persistedstate 使用浏览器的本地存储（ local storage ）对状态（ state ）进行持久化。这意味着刷新页面或关闭标签页都不会删除你的数据。

一个很好的例子就是购物车：如果用户不小心关闭了一个标签，他们可以重新打开并回到之前页面的状态。

转载于:https://www.cnblogs.com/yunspider/p/9326359.html