在vue中生成方法，通过给定两个数字生成字符串，如给定1，5，生成字符串‘1，2，3，4，5’

在Vue中生成这个字符串的方法可以写在组件的方法中，例如：

<template>
  <div>
    <p>{{ result }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      num1: 1,
      num2: 5,
      result: "",
    };
  },
  methods: {
    generateString() {
      let res = "";
      for (let i = this.num1; i <= this.num2; i++) {
        res += i.toString();
        if (i !== this.num2) {
          res += ", ";
        }
      }
      this.result = res;
    },
  },
  mounted() {
    this.generateString();
  },
};
</script>

在上面的代码中，我们定义了一个名为`generateString`的方法，该方法使用循环遍历从`num1`到`num2`之间的所有数字，并将它们添加到一个字符串变量中，同时在每个数字之间添加一个逗号和一个空格。我们还使用Vue的响应式数据`result`保存生成的字符串，并在组件挂载时自动调用`generateString`方法。

你可以将`num1`和`num2`设置为组件的props，这样它们就可以从父组件中传递给组件，从而使组件更加通用。例如：

<template>
  <div>
    <p>{{ result }}</p>
  </div>
</template>

<script>
export default {
  props: {
    num1: {
      type: Number,
      required: true,
    },
    num2: {
      type: Number,
      required: true,
    },
  },
  data() {
    return {
      result: "",
    };
  },
  methods: {
    generateString() {
      let res = "";
      for (let i = this.num1; i <= this.num2; i++) {
        res += i.toString();
        if (i !== this.num2) {
          res += ", ";
        }
      }
      this.result = res;
    },
  },
  mounted() {
    this.generateString();
  },
};
</script>

这个组件现在可以使用`num1`和`num2` props来生成不同的字符串。例如：

<template>
  <div>
    <string-generator num1="1" num2="5" />
    <string-generator num1="10" num2="15" />
  </div>
</template>

<script>
import StringGenerator from "./StringGenerator.vue";

export default {
  components: {
    StringGenerator,
  },
};
</script>

在上面的代码中，我们在父组件中使用了两个`StringGenerator`组件，每个组件都有不同的`num1`和`num2` props。这将导致两个组件生成不同的字符串。