使用了vuex之后会发现,在页面刷新的时候就会将store里的数据清除,这样并不是我们想看道的。
(1)npm install vuex-persistedstate --save
安装vuex-persistedstate插件。
(2)在store.js中引入该插件
import PersistedState from 'vuex-persistedstate'
(3)在store中插入插件
export const store = new Vuex.Store({
plugins:[PersistedState({
storage: window.sessionStorage
})]
});
这样就可以解决了。
注:
sessionStorage只能在当前页面保存store,若新打开页面或新打开浏览器也会丢失。
若使用localStorage则数据一直存在,重新打开浏览器也存在。