在使用vuex的过程中会发现只要一刷新,state里的数据就会清空,因为vue的数据是保存在内存中,所以需要状态持久化的解决方案,一般大家会推荐使用html5自带的localStorage,也可以使用vuex专用的vuex-persistedstate,
安装:
npm i --save vuex-persistedstate
使用:只需要在store主体文件内引入即可:
import persistedState from 'vuex-persistedstate' //首先引入
const store = new Vuex.Store({
// ...
plugins: [persistedState ()] //加上这个就可以了
})