vue调用百度ai人脸情绪识别接口，等待返回时候加入加载loading

可以使用Vue的生命周期钩子函数来实现加载loading的效果。具体步骤如下：

1. 在Vue组件中，定义一个数据属性 `isLoading`，用于控制加载loading的显示与隐藏状态。

2. 在需要调用百度AI人脸情绪识别接口的地方，将 `isLoading` 设置为 `true`，显示加载loading。

3. 在调用接口的方法中，使用 `async/await` 或者 `Promise` 来等待接口返回结果。

4. 在接口返回结果之后，将 `isLoading` 设置为 `false`，隐藏加载loading。

下面是一个简单的示例代码：

<template>
  <div>
    <div v-if="isLoading">加载中...</div>
    <button @click="handleButtonClick">调用接口</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isLoading: false
    };
  },
  methods: {
    async handleButtonClick() {
      this.isLoading = true; // 显示加载loading

      try {
        // 调用百度AI人脸情绪识别接口
        const response = await this.callBaiduAPI();
        // 处理接口返回结果
        // ...
      } catch (error) {
        // 处理错误
        // ...
      } finally {
        this.isLoading = false; // 隐藏加载loading
      }
    },
    callBaiduAPI() {
      return new Promise((resolve, reject) => {
        // 调用百度AI人脸情绪识别接口
        // ...

        // 模拟异步请求
        setTimeout(() => {
          const response = "接口返回的结果";
          resolve(response);
        }, 2000);
      });
    }
  }
};
</script>

上述代码中，点击按钮调用接口时，会将 `isLoading` 设置为 `true`，显示加载loading。接口返回结果后，无论成功或失败，都会将 `isLoading` 设置为 `false`，隐藏加载loading。

请根据你的具体业务需求和接口调用方式进行相应的修改和调整。