Vue 设置脚本提前返回？

Question

是否可以在 Vue 设置脚本中提前返回？

<template>
  <div v-if="error || !data">Fallback content...</div>
  <div v-else>Page content...</div>
</template>

<script setup lang="ts">
// ...

const { data, error } = await fetchApi()
// Early return here? E.g., if (error || !data) return

// ...
// Lots of code which doesn't need to run if error. 
// E.g., calculation of variables only used in the page content.
// ...
</script>

注意：我来自 React 世界，对 Vue 还算陌生。

Answer 1

你可以抛出一个错误：

const {data, error} = await fetchApi()
if(error || !data) throw new Error('your error message')

它阻止其余代码运行