Vue中如何改写函数至Composition API？void返回值函数问题求助

你的问题是因为在JavaScript环境中使用了TypeScript的类型标注语法，导致代码解析报错。要正确处理带返回值类型的函数，分两种情况处理：

情况1：使用TypeScript（保留类型标注） #

给<script setup>添加lang="ts"属性，明确启用TypeScript支持，原函数的void返回值写法完全正确，无需修改：

<script setup lang="ts">
import { ref } from "vue";
const dateinput = ref(new Date())
function dateSelected(payload: Date): void {
    console.log(payload);
}
</script>

情况2：使用纯JavaScript（去掉类型标注） #

如果不需要类型检查，直接移除所有TypeScript类型声明即可：

<script setup>
import { ref } from "vue";
const dateinput = ref(new Date())
function dateSelected(payload) {
    console.log(payload);
}
</script>

内容的提问来源于stack exchange，提问作者MEHRDAD DASHTI