Vuex固化插件下载

最新推荐文章于 2022-07-06 00:02:19 发布

原创最新推荐文章于 2022-07-06 00:02:19 发布 · 399 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue

vue 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了如何在Vue应用中通过vuex-persistedstate插件实现状态持久化，以便于刷新页面时避免数据丢失，步骤包括下载插件、引入并配置。

1.下载插件

//需要先下载插件
npm install vuex-persistedstate --save

2.引入使用

//在vuex初始化时导入插件
import persist from 'vuex-persistedstate'
//并使用
export default new Vuex.Store({
 state: {
 },
 mutations: {
 },
 actions: {
 },
 modules: {
 },
 plugins: [
   new persist({
     storage: window.localStorage,
   }),
 ],
 //会自动保存状态，刷新时不会丢失
})