Vue每日一题 创建一个简单的计数器组件

题目描述：
使用Vue 3的Composition API创建一个计数器组件，要求：
1.
显示当前计数值（初始值为0）
2.
提供"增加"和"减少"按钮
3.
当计数为负数时，显示红色文字
4.
当计数为正数时，显示绿色文字
5.
当计数为0时，显示默认颜色
💡 题解
方法一：使用

方法二：使用传统的Options API

🎯 知识点总结
1.
Composition API vs Options API：
Composition API 使用 ref() 创建响应式数据
Options API 使用 data() 函数返回响应式数据
2.
计算属性：
用于根据响应式数据动态计算值
具有缓存特性，只有依赖项改变时才重新计算
3.
事件处理：
使用 @click 绑定点击事件
方法中直接修改响应式数据
4.
条件样式：
使用 :class 动态绑定CSS类
结合计算属性实现条件渲染
🚀 扩展练习
1.
添加一个"重置"按钮，将计数器归零
2.
添加步长设置，可以设置每次增减的数值
3.
添加最大值和最小值限制
4.
使用动画效果让数字变化更平滑
明天我们将学习Vue的组件通信！ 💪