Vuejs2 如何从vuex获取内容

我把这个用project制作的简单管理仪表板克隆到我的本地系统中，到目前为止一切正常。。。但我目前正在努力找出如何从vuex获取存储状态，特别是我修改为：

// if user loggedin
if(response.data && response.status == 200){
  this.$store.commit("USERNAME", data.username)
  this.$store.commit("TEL", data.tel)
  this.$store.commit('EMAIL', data.email)

  this.$router.push({ path: '/' })
}

一旦页面被重定向，我将尝试获取用户名、电话、电子邮件，但它不存在

我做了

console.log（这个$store）

我看到了很多内容，但没有看到用户信息

this.$store.commit("USERNAME", data.username)

上述代码不会将用户名设置为存储。您需要在提交中调用相应的变异。比如说

this.$store.commit("SET_USER", data);

它将相应的用户数据设置为存储中的“用户”状态。 现在，您可以使用

   `this.$store.state.user`

---

上述通话将包含所有用户信息，如电子邮件、电话、用户名等

只有一个问题，为什么需要变异？如果用户名突然更新，vuex能知道吗？与model的直接数据绑定一样，我们只能使用突变来更改状态值。vuex有简单的文档