之前在做vue的时候组件传值的时候都是用vuex来进行传值,但是往往会遇到一个问题就是,页面刷新的问题,页面一旦刷新,数据将不能持久化,
所以通常我的解决办法就是保存在本地,localstorage,或者sessionstorage,
今天看到vue出了一个新的方法,不用保存在本地,数据将实现持久化,
-
安装vuex-persistedstate这个插件
npm i -S vuex-persistedstate
-
添加在store
import createPersistedState from 'vuex-persistedstate' export default new Vuex.Store({ state, getters, mutations, actions, plugins: [createPersistedState()] )}