1.因为Vuex里的数据是保存在内存中的,这就面临一个问题:页面一刷新,内存就清空,导致当前页面恢复到原来的样子。
那么怎么让数据长久的保存呢?我们可以把数据保存在localstorage中,手动保存localstorage太过复杂,我们可以借用插件
vuex-persistedstate。
2.vuex-persistedstate安装: npm install --sava vuex-persistedstate
3.在vuex的index.js文件中导入此插件。
4.在vuex实例中写入:plugins:[createPersistedState()]。
这样我们就能看见localstorage里多了个名叫vuex的Key
---------------------
作者:渴望叮当猫的鱼
来源:CSDN
原文:https://blog.csdn.net/qq_44454898/article/details/107005602
版权声明:本文为作者原创文章,转载请附上博文链接!
内容解析By: