vuex是如何存储localStorage

在Vuex中存储localStorage可以通过以下步骤完成：

1. 首先，在你的Vuex store文件中引入`localStorage`对象：

import localStorage from "@/utils/localStorage";

这里的`@/utils/localStorage`是一个自定义的localStorage工具，你可以根据自己的项目结构和需求进行调整。

2. 接下来，创建一个Vuex模块，用于管理localStorage的存储和读取：

const myModule = {
  state: {
    // 这里定义你需要存储的数据
    myData: localStorage.get("myData") || ""
  },
  mutations: {
    // 定义一个mutation，用于更新myData的值并存储到localStorage中
    updateMyData(state, payload) {
      state.myData = payload;
      localStorage.set("myData", payload);
    }
  },
  // ...
};

这里使用了`localStorage.get`方法来获取已存储的数据。如果没有存储过数据，则返回空字符串。

3. 在你的Vuex store中注册这个模块：

import Vuex from "vuex";
Vue.use(Vuex);

const store = new Vuex.Store({
  modules: {
    myModule
  }
});

export default store;

现在，你可以在你的应用中通过commit mutations来更新`myData`的值，并且这个值会自动存储到localStorage中。你也可以通过访问`this.$store.state.myModule.myData`来获取存储在localStorage中的值。