帮我写一个输入框 可以输入带有百分比和值的两个单选框选择，来改变输入框里面的值 百分比的话值就有百分号 左右有两个加减 每次递减0.01 vue

可以使用Vue.js框架来实现这个功能。首先，你需要在Vue组件中定义一个数据变量来存储输入框中的值。然后，你需要为单选框设置v-model指令，这样当单选框的值改变时，Vue会自动更新数据变量的值。最后，你可以为加减按钮绑定点击事件，在事件处理程序中递增或递减数据变量的值。

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

<template>
  <div>
    <input v-model="value">
    <div>
      <input type="radio" name="option" value="percent" v-model="type">百分比
      <input type="radio" name="option" value="value" v-model="type">数值
    </div>
    <div>
      <button @click="decrease">-</button>
      <span>{{displayValue}}</span>
      <button @click="increase">+</button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: 0,
      type: 'value'
    }
  },
  computed: {
    displayValue() {
      if (this.type === 'percent') {
        return `${(this.value * 100).toFixed(2)}%`
      } else {
        return this.value.toFixed(2)
      }
    }
  },
  methods: {
    increase() {
      this.value += 0.01
    },
    decrease() {
      this.value -= 0.01
    }
  }
}
</script>

在这个示例中，我们定义了一个名为value的数据变量来存储输入框中的值，以及一个名为type的数据变量来存储单选框的值。我们使用v-model指令将这两个变量与对应的DOM元素绑定起来，这样当DOM元素的值改变时，Vue会自动更新数据变量的值。

在computed计算属性中，我们根据type的值来显示不同的格式化值。如果type是percent，我们将value乘以100并添加百分号。如果type是value，我们只需要将value四舍五入到小数点后两位即可。

最后，我们为加减按钮绑定点击事件，在事件处理程序中递增或递减value变量的值。注意，我们使用toFixed方法来将value变量四舍五入到小数点后两位。