如果APi响应为空，如何设置条件，然后执行以下VUEjs？

<template>
  <div>
    <div v-if="isApiResponseEmpty">
      <p>API响应为空</p>
    </div>
    <div v-else>
      <p>API响应不为空</p>
      <!-- 其他相关组件或元素 -->
    </div>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      apiResponse: null
    };
  },
  computed: {
    isApiResponseEmpty() {
      if (this.apiResponse === null) {
        return true;
      } else {
        return false;
      }
    }
  },
  mounted() {
    axios.get('your-api-url')
      .then(response => {
        this.apiResponse = response.data;
      })
      .catch(error => {
        console.error(error);
      });
  }
};
</script>