简述
通过使用Vue 中的钩子函数,实现小球半场动画。效果如下图:
![小球半场动画](https://i-blog.csdnimg.cn/blog_migrate/9470183239feff08fecf2cf5dd46303c.gif)
代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<title>小球半场动画</title>
<style>
.box{
width: 50px;
height: