1. 小球组件我们希望可以封装一个通用的小球动画组件,这个组件可以在任何地方调动,而且小球组件可以通过this.$ball({...props})这样的方式调用,让他在用法上接近element-uitemplate模板小球的组成主要是分为外层,内层以及内容层props把点击事件的对象传入小球中主要核心jsbeforeEnter, enter, afterEnter是transition组件的三个钩子函数对应动画开始前,动画开始,动画结束三个阶段.beforeEnter这个钩子的主要作用就是计算动画的开始位置enter这里有个一个坑,在这里我们需要手动触发浏览器的重绘,这里因为通过js修改的st

Vue实现指令式动态追加小球动画组件的步骤

Vue实现指令式动态追加小球动画组件的步骤

Vue实现指令式动态追加小球动画组件的步骤

Vue实现指令式动态追加小球动画组件的步骤