什么是VuexVuex是专门为vue.js设计的集中式状态管理架构。状态?我理解为data中的属性需要与其他vue组件共享的部分,称为state。简单的说就是数据中需要共享的属性。数据丢失当你使用Vuex时,只要浏览器刷新,Vuex数据就会丢失。每次都手动存入本地缓存,不方便。今天搜了一下,发现有个小插件可以维护Vuex的持久化原理。大家都知道是localStorage。使用vuex-persistedstatevuex-persistedstate使用浏览器的本地存储(localstorage)来持久化状态(state)。这意味着刷新页面或关闭选项卡不会删除您的数据。vuex-persistedstategithub地址首先安装npminstallvuex-persistedstate--save-dev在store文件夹中引入importcreatePersistedStatefrom'vuex-persistedstate'toindex.js初始化vuex添加插件conststore=newVuex.Store({modules:{user,groupBuying,clearance},getters,plugins:[createPersistedState()]})默认存储方式为localStorage,因为本项目需要改成sessionStorage存储方式,在配置中改,如果还有其他配置,你可以参考官方apiplugins:[createPersistedState({storage:window.sessionStorage})]
