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')

它阻止其餘程式碼運行