vuex 数据持久化插件

数据持久化：
刷新页面，vuex里面数据丢失、清空。有时候我们需要把一些数据固话到本地，即使刷新也不能清空，例如：登陆状态、token等。这是就需要用到vuex数据持久化


//需要先下载插件
npm install vuex-persistedstate--save 
或者 使用
yarn add vuex-persistedstate --save



//在vuex初始化时导入插件
import persist from 'vuex-persistedstate'
//并使用
export default new Vuex.Store({
state:{
},
mutations:{
},
actions:{
},
modules:{
},
plugins: [
   new persist({
     storage: window.localStorage,
   }),
 ],
//会自动保存状态，刷新时不会丢失
})
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容