前一段修改公司项目的时候,遇到了这个VUEX数据持久化的问题,本来在vuex中存储的数据,只要刷新页面数据就没有了,其实用本地存储就可以解决,但是想想都用vue 开始做项目了,就能用新技术就用新技术,最好找到了解决办法
第一步:npm install vuex-persistedstate
第二步:在store/index.js中添加下面代码
import persistedState from ‘vuex-persistedstate’
export default new Vuex.Store({
getters,
state,
actions,
mutations,
plugins: [persistedState()]
})