用vue设计一个随机生成0-100之间的数字

在Vue.js中设计一个随机生成0-100之间的数字，你可以创建一个组件并利用JavaScript的Math.random()函数来完成这个功能。首先，在HTML部分，创建一个按钮用于触发随机数生成：

<template>
  <div>
    <button @click="generateRandomNumber">点击生成随机数</button>
    <p>{{ randomNumber }}</p>
  </div>
</template>

然后，在对应的script部分编写逻辑：

export default {
  data() {
    return {
      randomNumber: null,
    };
  },
  methods: {
    generateRandomNumber() {
      this.randomNumber = Math.floor(Math.random() * 101);
    },
  },
};

在这个例子中，`generateRandomNumber`方法会在用户点击按钮时被调用，生成一个0到100（包括100）之间的整数，并将其显示在页面上。