下面小编就为大家带来一篇vue组件初学_弹射小球(实例讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

1. 定义每个弹射的小球组件( ocicle ) 2. 组件message自定义属性存放小球初始信息(可修改) { 　　　top: 0px, //小球距离上方坐标 　　　left: 0px, //小球距离左边坐标 　　　speedX: 12, //小球每次水平移动距离 　　　speedY: 6 //小球每次垂直移动距离 } 3. 思路 3.1 定时器设置小球每一帧移动 3.2 初始方向：isXtrue为true则小球为横坐标正方向； 　　　　　　 isYtrue