Localstorage修改状态？

Question

我是vuejs的新手，希望您一切都好吗？我对令牌存储和用户信息（名称等.....）有一个快速问题。目前，我使用以下配置。用户输入他的信息并登录，这将触发登录存储区中检索令牌和用户信息的操作，一旦检索到该信息，它就会触发更改变量状态的突变并将数据记录在本地存储中。 。我已经看到了在示例状态的变量中人们直接分配本地存储的配置：

state: {
   token: localStorage.getItem('token'),"
}

从逻辑上讲，可以修改状态的是突变，从技术上讲，这里是本地存储。在约定的级别上这样好吗？

Here is a diagram of how I proceed, is this the right solution?.

提前谢谢