vuex的stor数据有一个特点,就是在页面重新刷新后,页面会重新加载vue实例,同时,store里面的数据也会被重新刷新掉,这样就出现的刷新页面vuex中的数据会丢失的提问。
解决这个问题个人总结了一写方法:
(1)利用js的存储技术,可以将vuex中的数据保存在浏览器中,可以保存在localStorage中、
sessionStorage中、cookie中
(2)可以利用vue的插件。vuex-persistedstate,来实现数据的持久化保存。vuex-persistedstate保存的数据默认会保存在localStorsge中,修改state的数据变化就会触发本地存储数据的变化