我理解现在购物小球执行步骤:
点击cartcontrol组件中的”加号按钮“,dispatch一个事件, 同时传递event.target
goods组件接收事件和target,执行_drop(target) 。
goods组件在执行_drop(target) 中,获取shopcart子组件的ref,调用shopcart子组件的drop(el)方法
shopcart组件执行drop(el)方法时,获取el在视口中的位置,编程式调用ball元素的过渡hook接口,执行css过渡。
event.targe从cartcontrol组件传递到goods组件,再传递到shopcart组件,只是为了获取”加号按钮“的位置。
是否可能在cartcontrol中直接获取”加号按钮“的dom元素来获取其位置,并由cartcontrol来执行过渡呢?
掌握Vue1.0到2.0再到2.5最全版本应用与迭代,打造极致流畅的WebApp
了解课程