提示报错
运行时,文本框应该会有个默认值,此时是空的没有初始化到值。

点击开始或者停止按钮,提示方法不存在。

问题分析
在 Vue 3 的 Composition API 中,有几种不同的方式来定义方法,是否必须放在 setup() 中取决于组件编写方式。
Options API vs Composition API 风格差异
如果你的其他页面能直接在外面定义方法,很可能是使用了 Options API 风格(Vue 2 的传统写法),而报错的页面可能是用了 Composition API 风格(<script setup> 或 setup() 函数)。
Options API 写法(方法直接放在外面)
export default {
methods: {
stopCountdown() {
console.log("方法调用");
}
}
}
Composition API 写法(方法必须在 setup 中定义)
export default {
setup() {
const stopCountdown = () => {
console.log("方法调用");
};
return { stopCountdown };
}
}
<script setup> 语法糖(最简洁的 Composition API)
<script setup lang="ts">
const stopCountdown = () => {
console.log("方法调用");
};
</script>


