有很多vue数字的加减框的话，如何能不联动的加减

当你在Vue应用中创建多个独立的数字输入框，并希望它们之间不联动即各自独立增加或减少，你可以为每个输入框单独处理事件和数据绑定。以下是一个简单的步骤说明：

1. **组件化**：首先，将加减操作封装成独立的组件，比如`NumberInput`，这个组件包含一个数值属性和对应的增减按钮。

<template>
  <div>
    <input type="number" v-model.number="value">
    <button @click="increment">+</button>
    <button @click="decrement">-</button>
  </div>
</template>

<script>
export default {
  data() {
    return { value: 0 };
  },
  methods: {
    increment() {
      this.value++;
    },
    decrement() {
      if (this.value > 0) {
        this.value--;
      }
    }
  }
};
</script>

2. **实例化组件**：在需要加减功能的地方，如列表或其他容器里，分别实例化并绑定到不同的值。

<div>
  <number-input :value="item1Value"></number-input>
  <number-input :value="item2Value"></number-input>
  <!-- 更多... -->
</div>

3. **管理状态**：在父组件中维护各个输入框的状态，而不是让它们相互影响。例如，`item1Value` 和 `item2Value` 应该是父组件的数据属性。

export default {
  data() {
    return {
      item1Value: 0,
      item2Value: 0,
      // ...
    };
  },
  // ...
};

这样，每个`NumberInput`组件都是独立的，点击各自的加减按钮只会改变对应组件内部的数值，不会影响其他输入框。如果你想在特定条件下实现部分联动，可以考虑引入一些自定义事件系统，由触发联动条件的组件负责协调各个输入框的操作。