vue 异步缓存赋值 取值

Vue的异步缓存赋值和取值可以通过以下两种方式实现：

1. 使用Promise和async/await实现异步缓存赋值和取值：

// 异步缓存赋值
async function fetchData() {
  const res = await axios.get('/api/data')
  return res.data
}
const data = await fetchData()

// 异步缓存取值
async function getData() {
  const data = await fetchData()
  return data
}

2. 使用Vue的computed属性实现异步缓存赋值和取值：

// 异步缓存赋值
export default {
  data() {
    return {
      data: null
    }
  },
  computed: {
    async computedData() {
      const res = await axios.get('/api/data')
      this.data = res.data
      return this.data
    }
  }
}

// 异步缓存取值
export default {
  computed: {
    async computedData() {
      const res = await axios.get('/api/data')
      return res.data
    }
  },
  methods: {
    async getData() {
      return this.computedData
    }
  }
}

以上两种方式都可以实现异步缓存赋值和取值，具体使用哪种方式，取决于具体场景和需求。