Vue每日一题 - Day 1

题目：创建一个计数器组件
题目描述
请创建一个Vue 3计数器组件，要求实现以下功能：
1.
显示当前计数值（初始值为0）
2.
提供"增加"和"减少"按钮来操作计数
3.
当计数为偶数时，数字显示为蓝色；当计数为奇数时，数字显示为红色
4.
提供一个"重置"按钮，可以将计数重置为0
要求
使用Vue 3 Composition API
使用响应式数据
合理使用计算属性
添加适当的样式
题解

知识点总结

1. Vue 3 Composition API
   使用 setup() 函数作为组合式API的入口
   通过 ref() 创建响应式数据
   使用 computed() 创建计算属性
2. 响应式系统
   count 使用 ref() 创建，可以自动追踪变化
   计算属性会根据依赖的响应式数据自动更新
3. 事件处理
   使用 @click 绑定点击事件
   在 setup() 中定义方法并返回，供模板使用
4. 条件样式绑定
   使用 :class 动态绑定CSS类
   结合计算属性实现条件样式切换
5. CSS样式设计
   使用 scoped 避免样式污染
   添加过渡效果提升用户体验
   响应式布局设计
   这道题目涵盖了Vue的核心概念，适合初学者练习响应式数据、计算属性和事件处理等基础知识。