vue3 使用async await

suspense 组件是 Vue3 新增的内置组件之一。它允许我们的应用程序在等待异步组件的同时渲染一些备用内容，让我们创造一个流畅的用户体验。

案例：将父组件外层通过suspense包裹

<suspense>
    <index-list ref="indexListRef" :theme-code="state.themeCode" :source-id="state.popSourceId" :source-type="state.popSourceType"></index-list>
</suspense>

案例： 在子组件方法内使用await

<script setup lang="ts">
  const onCount = async (code) => {
    const dimensionData = await proxy.$axios.get('/i-bi-analyze/index-center/bi/index-manage/condition/dimension', { params: { indexCode: code } }).then(({ data }) => data)
    console.log('dimensionData', dimensionData)
  }
</script>

案例： 在setup中直接使用await

<script setup lang="ts">
  const dimensionData = await proxy.$axios.get('/i-bi-analyze/index-center/bi/index-manage/condition/dimension', { params: { indexCode: 14205791113217 } }).then(({ data }) => data)
  console.log('dimensionData', dimensionData)
</script>