VUE小结项目实战，实现双色球单式机选

1. 项目环境

  vue版本：2.6.10

  elementUI版本：2.15.14

2. 项目介绍

  基于vue2.0和elementUI实现的双色球单式选球界面，页面可以进行机选号码、增加投注倍数、增加投注期数、自动计算最终金额等功能。

  本项目是使用vue从零入门第一至第五节中涉及的知识点实现的，辅助配合了一些css样式。

3. 详细描述

  项目运行后界面如下：

1. 点击“1倍”按钮会弹出表单框，进行倍数调整
2. 点击“1期”按钮会弹出表单框，进行期数调整
3. 点击“机选5注”按钮，会自动机选5注号码填充到上方选号区
4. 点击“清空”按钮，会将选号区内的选号全部清空
5. 选号最终金额会在右下角合计中进行展示
6. 双色球玩法可在底部中间的扇形区进行选择，目前仅完成了单式玩法，复式和胆拖玩法待后续实现

4. 项目地址

  项目已绑定在文章资源中，想要的同学可自行下载。

  本人新建立了微信公众号《极客word》，感兴趣的同学可进行关注，不定期有精彩好文推送。