设计一个数字输入框组建，只能输入数字，附带两个按钮用于加1和减1（vue）

好的！对于这个需求，我们可以使用Vue框架中的v-model指令实现数据的双向绑定，同时结合正则表达式来限制输入内容，再加上两个按钮绑定对应的方法即可。

首先，我们需要在组件中定义一个变量，用于存储输入框中的数字，同时使用正则表达式限制输入内容为数字：

<template>
  <div>
    <input type="text" v-model="num" pattern="[0-9]*" />
    <button @click="add">+1</button>
    <button @click="minus">-1</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      num: 0
    };
  },
  methods: {
    add() {
      this.num++;
    },
    minus() {
      this.num--;
    }
  }
};
</script>

在上面的代码中，我们使用了v-model指令将输入框中的值与组件中的变量num进行双向绑定，同时使用了pattern属性限制输入内容为数字。

接下来，我们定义了两个按钮，分别绑定了add和minus方法，点击按钮时分别将num变量加1或减1。

最后，我们将整个组件导出即可。

希望这个回答能够帮助到你！