如何在<script setup> Vue3中使用扩展运算符

Question

<script setup lang="ts">
  const {a,b,c,d,e,f,g,...h} = useTest(); // useTest() return a lot of fields;
</script>

我不想列出所有字段；

如何像这样使用扩展运算符：...useTest();

添加<script>标签是唯一的方法吗？

<script lang="ts">
  import { useTest } from '.'
  export default {
    setup(){
      return {
        ...useTest(),
      }
    }
  }
</script>

Answer 1

一种方法是将 useTest 移动到单独的模块（例如 useTest.js）中，您可以在其中声明所有导出。因此，在您的 .vue 文件中，您可以执行以下操作：

<script setup lang="ts">
  import * as useTest from './useTest.js'

  // and use it further like so:
  useTest.a
  useTest.b
</script>