码迷,mamicode.com
首页 > 其他好文 > 详细

vuex状态持久化

时间:2018-07-17 23:25:41      阅读:213      评论:0      收藏:0      [点我收藏+]

标签:state   pre   购物车   export   cti   用户   数据   user   npm   

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 )进行持久化。这意味着刷新页面或关闭标签页都不会删除你的数据。

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

vuex状态持久化

标签:state   pre   购物车   export   cti   用户   数据   user   npm   

原文地址:https://www.cnblogs.com/yunspider/p/9326359.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!