使用vue2写一个太极图，并且点击旋转

下面是我自己写的一个代码，命名有些不规范，大家不要介意。

• 在 Vue.js 组件的 data 部分，定义了一些数据属性，包括 rotationSpeed（旋转速度）、rotationCount（旋转次数）、isRotating（是否正在旋转）和 animationFrameId（保存 requestAnimationFrame 返回的 ID）。
• 通过 computed 属性 rotateStyle 计算样式，用于控制旋转的角度。
• 定义了三个方法：
  • toggleRotation：切换旋转状态，如果正在旋转，则停止；如果未旋转，则开始。
  • startRotation：开始旋转，重置旋转次数，设置 isRotating 为 true，并调用 rotate 方法。
  • stopRotation：停止旋转，设置 isRotating 为 false，并清除动画帧。
  • rotate：递归调用的方法，用于模拟旋转动画。每次调用会增加旋转次数和旋转速度，然后通过 requestAnimationFrame 请求下一帧的调用。