vuex的优缺点,以及缺点如何解决

2,206 阅读1分钟

1.vuex是一个专门为vue.js开发的一个状态管理模式,他采取集中式存储管理组件中的状态

2.优点

  • 在vuex中,集中式存储和管理共享的数据,便于开发和维护
  • 能够高效的实现组件之间的数据共享和传输,提高开发效率(就不用管是父子组件传值还是兄弟组件,还是祖先后代,直接高效的传值)
  • 存储在vuex中的数据都是响应式的,能够实时的保持数据和页面的同步(比如localstorage就是办不到的)

3.缺点

  • 刷新浏览器,vuex中的state会重新变为初始状态

  • 解决办法

  • 1.插件vuex-persistedstate(我个人没用过)

  • 2.在刷新前将vuex中的数据直接保存到浏览器缓存中,页面刷新后,在页面刷新的时候再次请求远程数据,使之动态更新vuex数据,具体步骤:监听页面刷新事件,在页面刷新之前,将vuex里的数据存到sessionStorage里,然后在页面刷新之后,调取获取数据的接口,在接口还没有返回数据的时候,就先用sessionStorage里的数据,等接口返回数据后,就使用接口返回的,顺便更新vuex里的数据