vue 模拟双色球机选

以下是一个简单的双色球模拟器示例，在Vue中使用：

HTML代码：

<div id="app">
  <h1>双色球模拟器</h1>
  <p>选择6个红色球（1-33），1个蓝色球（1-16）</p>
  <div class="ball red" v-for="ball in redBalls" :key="ball">{
  {ball}}</div>
  <div class="ball blue">{
  {blueBall}}</div>
  <button @click="generateBalls">选号</button>
</div>

Vue代码：

new Vue({
  el: '#app',
  data: {
    redBalls: [], // 存放选中的红色球
    blueBall: '' // 存放选中的蓝色球
  },
  methods: {
    generateBalls() {
      // 初始化红球池和蓝球池
      let redPool = Array.from({length: 33}, (v, k) => k+1)
      let bluePool = Array.from({length: 16}, (v, k) => k+1)
      // 随机选6个红球
      let redBalls = []
      for (let i = 0; i < 6; i++) {