在vue2.0中,开始使用了vuex从浏览器本地缓存中读取状态数据,没有就赋值为空,但我发现在初始没有设置缓存,请求到数据在设置缓存的情况下,页面成功加载后读取vuex中的内容为空,我该如何才能读取到不为空

在 Vue 2 中，如果你在开始时使用 Vuex 从浏览器本地缓存中读取状态数据，但在初始没有设置缓存的情况下，页面成功加载后读取 Vuex 中的内容为空，可以使用以下方法来确保能够正确读取到数据：

1. 在组件的 `created` 钩子函数中，先判断本地缓存是否存在数据，如果存在则将数据存入 Vuex 状态中：

export default {
  created() {
    const cachedData = localStorage.getItem('myData') // 从本地缓存中读取数据
    if (cachedData) {
      this.$store.commit('setData', JSON.parse(cachedData)) // 将数据存入 Vuex 状态中
    }
  }
}

在上述代码中，我们使用了 `localStorage.getItem()` 方法来从本地缓存中读取数据，并通过 Vuex 的 `commit` 方法将数据存入状态中。这样，在页面加载时即使没有设置缓存，也能够正确读取到数据并存入 Vuex 中。

2. 在设置了缓存之后，需要确保在更新 Vuex 状态时同时更新本地缓存：

export default {
  methods: {
    updateData(data) {
      this.$store.commit('setData', data)
      localStorage.setItem('myData', JSON.stringify(data)) // 将更新后的数据存入本地缓存
    }
  }
}

在上述代码中，我们使用了 `localStorage.setItem()` 方法将更新后的数据存入本地缓存。这样，在每次更新 Vuex 状态时都会同时更新本地缓存，确保数据的一致性。

通过以上方法，你可以正确地读取到 Vuex 中的数据，无论是从本地缓存中读取还是在设置缓存之后。