在Vue中，你可以使用异步请求来获取数据，并在数据加载完成后渲染ECharts图表。以下是一个示例代码：

<template>
  <div>
    <div id="chart-container" style="width: 400px; height: 300px;"></div>
  </div>
</template>
<script>
import echarts from 'echarts';
export default {
  mounted() {
    this.loadData(); // 在组件挂载后调用加载数据的方法
  },
  methods: {
    loadData() {
      // 发起异步请求获取数据
      api.getData().then(response => {
        const dataArr = response.data;
        // 初始化ECharts实例
        const myChart = echarts.init(document.getElementById('chart-container'));
        // 渲染柱状图
        myChart.setOption({
          xAxis: {
            type: 'category',
            data: dataArr.map(item => item.name)
          },
          yAxis: {
            type: 'value'
          },
          series: [{
            type: 'bar',
            data: dataArr.map(item => item.value)
          }]
        });
      }).catch(error => {
        console.log(error);
      });
    }
  }
};
</script>

在上述代码中，我们在Vue组件的`mounted`生命周期钩子函数中调用了`loadData`方法。在`loadData`方法中，我们使用异步请求（例如使用axios库发送HTTP请求）从api获取数据。然后，在数据成功返回后，我们初始化ECharts实例并渲染柱状图。

请注意，这只是一个简单的示例，你需要根据你自己的项目环境和需求进行适当的修改。确保在安装ECharts库和异步请求库后，导入相关的模块。另外，axios仅作为示例，你可以根据自己的喜好选择其他HTTP库。

通过这种方式，你可以使用Vue中的异步请求来获取数据，并在数据加载完成后渲染ECharts图表。