标签：存储 浏览器 插件 state 刷新 persistedstate vuex

在使用 vuex 的时候， 刷新以后里面存储的 state 就会被浏览器释放掉，因为我们的 state 都是存储在内存中的，所以一刷新页面就会把 state 中的数据重置，这就涉及到vue数据持久化的问题。

解决方式：

使用 vuex-persistedstate 这个插件，来实现将数据存储到本地，从而实现刷新后 state 仍然还存在。

1、安装  vuex-persistedstate 

npm install vuex-persistedstate

2、引入使用

import createPersistedState from 'vuex-persistedstate'   // 引入
const store = new Vuex.Store({
　　state: {
 　　 menuslist: []
　　},
　　plugins: [createPersistedState()] //加上这个就可以了 （使用）
})

使用插件会比较方便，不用手动设置。

标签：存储,浏览器,插件,state,刷新,persistedstate,vuex
来源： https://www.cnblogs.com/haohaogan/p/15387918.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。