在vue开发中两个this.input相加

在Vue.js中，当你在一个组件内有两个`this.input`需要相加的时候，通常会在某个方法（如计算属性、计算函数或者事件处理程序）中操作这两个值。假设`input1`和`input2`都是数据绑定的属性，你可以这样做：

// 定义组件内的data部分
export default {
  data() {
    return {
      input1: 0,
      input2: 0,
    };
  },
  
  // 计算属性示例
  computed: {
    sum() { // 这里 this指向当前组件实例
      return this.input1 + this.input2;
    }
  },
  
  // 或者在methods中处理
  methods: {
    addNumbers() {
      const result = this.input1 + this.input2;
      console.log(result);
    }
  }
}

// 使用时可以在模板中直接{{ sum }}显示总和，或者调用addNumbers方法

如果你想在事件触发时动态更新并相加，可以这样在事件处理器里做：

<template>
  <button @click="addNumbers">Add</button>
  <p>Sum: {{ sum }}</p>
</template>

<script>
// ...
methods: {
  addNumbers() {
    this.sum = this.input1 + this.input2;
  }
}
</script>

在这个例子中，每次点击按钮，会把`input1`和`input2`的值加起来，并显示结果。