vue3 setup中如何export函数

在 Vue3 中，我们可以使用 `export` 关键字来导出函数。例如，在 `setup` 函数中定义一个函数并导出它：

<script>
import { ref } from 'vue'

export default {
  setup() {
    const count = ref(0)
    const increment = () => {
      count.value++
    }

    const double = () => {
      count.value *= 2
    }

    // 导出函数
    return {
      count,
      increment,
      double
    }
  }
}
</script>

在上面的例子中，我们定义了 `count`、`increment` 和 `double` 函数，并将它们作为一个对象导出。在其他组件中，我们可以通过 `import` 关键字来导入并使用这些函数：

<template>
  <div>
    <p>Count: {{ count }}</p>
    <button @click="increment">Increment</button>
    <button @click="double">Double</button>
  </div>
</template>

<script>
import useCounter from './useCounter'

export default {
  setup() {
    const { count, increment, double } = useCounter()

    return {
      count,
      increment,
      double
    }
  }
}
</script>

在上面的例子中，我们通过 `import` 关键字导入 `useCounter` 函数，并使用对象解构将 `count`、`increment` 和 `double` 函数赋值给局部变量。然后我们可以在模板中使用这些函数。