主要介绍了 Vue.js实现大转盘抽奖总结及实现思路，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下

大家好！先上图看看本次案例的整体效果。        实现思路： Vue component实现大转盘组件，可以嵌套到任意要使用的页面。 css3 transform控制大转盘抽奖过程的动画效果。 抽奖组件内使用钩子函数watch监听抽奖结果的返回情况播放大转盘动画并给用户弹出中奖提示。 中奖结果弹窗，为抽奖组件服务。        实现步骤如下：  构建api奖品配置信息和抽奖接口，vuex全局存放奖品配置和中奖结果数据信息。 api： export default { getPrize