学习仿饿了么遇到商品详情页的添加购物车按钮没有动画，$emit派发事件

以上goods、shopcart、food组件中都用到cartcontrol组件（添加到购物车组件），其他正常，只有food组件中的第一次添加购物车按钮动画正常，之后的没有显示动画

未修改代码，只有添加第一个商品addFirst中派发事件add

在goods组件监听add事件去触发addFood函数，从而去触发小球掉落动画函数，所以第一次添加商品时有动画

但后面在添加就没有了，通过打印发现，goods组件都没有进去addFood函数，也就是没有监听到cart-add事件（原因尚未弄明白），所以从food组件中引用的cartcontrol组件中去监听它自己派发的事件cart-add，触发函数addFood（随意命名，不同于goods组件的addFood函数），在addFood函数中再派发一个事件，让goods父组件去监听，从而触发goods中的addFood函数，再去触发小球掉落动画函数就可以实现完整的小球下落动画了 修改后的代码

只修改food组件即可

转载于:https://juejin.im/post/5be657a1f265da6110368ee1