Vuitton 设计一个数字输入框组件，只能输入数字，附带两个按钮用于加1减1.也可以自行添加初始值、最大值、最小值按钮.在输入框中的数值改变时，触发一个自定义事件来通知父组件

好的，这个问题我可以帮你解答。

首先，我们可以使用 Vue.js 来开发这个数字输入框组件。可以使用一个 `<input>` 元素来实现数字的输入，然后在它的旁边添加两个按钮，在点击按钮时可以对输入框中的数值进行加减操作。

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

<template>
  <div>
    <button @click="decrement">-</button>
    <input type="number" :value="value" @input="handleInput">
    <button @click="increment">+</button>
  </div>
</template>

<script>
export default {
  props: {
    value: {
      type: Number,
      default: 0
    },
    min: {
      type: Number,
      default: -Infinity
    },
    max: {
      type: Number,
      default: Infinity
    }
  },
  methods: {
    decrement() {
      const newValue = Math.max(this.value - 1, this.min);
      this.$emit('input', newValue);
    },
    increment() {
      const newValue = Math.min(this.value + 1, this.max);
      this.$emit('input', newValue);
    },
    handleInput(event) {
      const newValue = Number(event.target.value);
      if (!isNaN(newValue)) {
        const clampedValue = Math.min(Math.max(newValue, this.min), this.max);
        this.$emit('input', clampedValue);
      }
    }
  }
}
</script>

这个组件接受三个 props：`value`、`min` 和 `max`。`value` 表示输入框中的数值，`min` 和 `max` 分别表示数值的最小值和最大值，默认为 `-Infinity` 和 `Infinity`。

在组件的模板中，我们渲染了一个包含三个元素的 div，分别是减少按钮、输入框和增加按钮。输入框的 `value` 属性绑定到 `value` prop 上，这样在父组件中可以通过 `v-model` 指令来双向绑定输入框中的数值。

在按钮的 `click` 事件中，我们分别调用了 `decrement` 和 `increment` 方法，这两个方法分别用来减少和增加输入框中的数值。在这两个方法中，我们首先计算出新的数值，然后使用 `$emit` 方法触发一个名为 `input` 的自定义事件，将新的数值传递给父组件。

在输入框的 `input` 事件中，我们首先解析出输入框中的数值，然后对它进行范围限制，确保它在最小值和最大值之间。最后，我们同样使用 `$emit` 方法触发一个名为 `input` 的自定义事件，将限制后的数值传递给父组件。

这样，我们就实现了一个简单的数字输入框组件，并且在数值改变时触发了一个自定义事件来通知父组件。