vue中v-on设计一个生成1-100随机数字

在Vue.js中，如果你想通过`v-on`指令创建一个生成1-100之间随机数的功能，你可以这样做：

首先，你需要在一个组件模板上添加一个按钮，并绑定了一个自定义事件，比如`:click="generateRandomNumber"`。这里假设你已经有一个名为`methods`的对象，在里面定义了一个函数`generateRandomNumber`：

<button v-on:click="generateRandomNumber">生成随机数</button>

<script>
export default {
  name: 'YourComponentName',
  data() {
    return {};
  },
  methods: {
    generateRandomNumber() {
      this.randomNumber = Math.floor(Math.random() * 100) + 1; // 生成1到100之间的随机整数
      console.log(this.randomNumber); // 如果需要显示在控制台
    }
  }
}
</script>

当你点击按钮时，`generateRandomNumber`函数会被触发，它会生成一个1到100的随机数，并将其赋值给`randomNumber`数据属性。如果需要在页面上直接显示这个随机数，可以将`console.log`改为更新对应的DOM元素。