vue使用webStorage存储数据，页面不能实时更新

因为webStorage并不是vue的东西,所以不能实时更新其数据 必须刷新才能更新数据

之前我的业务场景是 :

登录之后将用户名存入sessionStorage里

登录成功跳转到首页读取sessionStorage里的用户名显示 欢迎:用户名

最后发现必须页面刷新才能显示该用户名

解决方法:

1.既然需要刷新我们就用刷新跳转页面的方法解决这个问题

                window.location.href="首页路由"

2.搭配Vuex和webStroage一起使用

  state: {
    name: sessionStorage.getItem('name') // 用户名
  },

  mutations: {
    // 登录成功之后修改 state中的值
    loginOK(state, newname) {   
      state.name = newname
      sessionStorage.setItem('name', newname)

    }

  },