java+vue,点击随机生成红包码

实现随机生成红包码需要以下步骤：

1. 在后端使用Java编写生成红包码的接口，可以使用随机数生成算法生成不重复的随机码，也可以使用UUID等唯一标识符生成算法生成唯一的随机码。

2. 在前端使用Vue编写一个页面，包含一个按钮，点击按钮触发请求后端接口生成红包码，并将生成的红包码展示在页面上。

下面是一个简单的实现示例：

1. 后端Java代码：

@RestController
@RequestMapping("/redbag")
public class RedBagController {

    @GetMapping("/generate")
    public String generateRedBag() {
        String redBagCode = generateRandomCode(); // 生成随机码
        return redBagCode;
    }

    private String generateRandomCode() {
        // 随机生成6位红包码
        String code = "";
        Random random = new Random();
        for (int i = 0; i < 6; i++) {
            code += random.nextInt(10);
        }
        return code;
    }
}

2. 前端Vue代码：

<template>
  <div>
    <button @click="generateRedBag()">点击生成红包码</button>
    <div v-if="redBagCode">生成的红包码为：{{ redBagCode }}</div>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      redBagCode: ''
    }
  },
  methods: {
    generateRedBag() {
      axios.get('/redbag/generate').then(res => {
        this.redBagCode = res.data;
      }).catch(err => {
        console.log(err);
      });
    }
  }
}
</script>

以上代码仅作为示例，实际开发中需要根据具体需求进行修改和优化。