<!-- 小贴士: 🎉 恭喜你成功解决了挑战,很高兴看到你愿意分享你的答案! 由于用户数量的增加,Issue 池可能会很快被答案填满。为了保证 Issue 讨论的效率,在提交 Issue 前,请利用搜索查看是否有其他人分享过类似的档案。 你可以为其点赞,或者在 Issue 下追加你的想法和评论。如果您认为自己有不同的解法,欢迎新开 Issue 进行讨论并分享你的解题思路! 谢谢! --> ```vue // 你的答案JavaScript写法 对不对我不知道 能加能减 ``` <template> <div> <button @click="add">+</button> <span>{{ count }}</span> <button @click="dec">-</button> <button @click="reset">重置</button> </div> </template> <script setup> import { ref } from 'vue' const count = ref(0) function add() { count.value++ } function dec() { //如果count.value = 0 则不会执行 if (count.value > 0) { count.value--} } function reset() { count.value = 0 } </script> <!-- 或者 Vue SFC Playground 在线链接 (https://sfc.vuejs.org) -->