vue.js 实现文本框的点击数字的加减乘除计算

这是一个技术问题，可以通过编写JavaScript代码来实现。以下是一个使用Vue.js实现的简单示例代码：

<template>
  <div>
    <input type="text" v-model="num1" />
    <button @click="operator='+ '">+</button>
    <button @click="operator='- '">-</button>
    <button @click="operator='* '">x</button>
    <button @click="operator='/ '">÷</button>
    <input type="text" v-model="num2" />
    <button @click="calculate()">=</button>
    <input type="text" v-model="result" readonly />
  </div>
</template>

<script>
export default {
  data() {
    return {
      num1: '',
      num2: '',
      operator: '',
      result: ''
    }
  },
  methods: {
    calculate() {
      let result;
      switch (this.operator) {
        case '+':
          result = Number(this.num1) + Number(this.num2);
          break;
        case '-':
          result = Number(this.num1) - Number(this.num2);
          break;
        case '*':
          result = Number(this.num1) * Number(this.num2);
          break;
        case '/':
          result = Number(this.num1) / Number(this.num2);
          break;
        default:
          result = '';
      }
      this.result = result;
    }
  }
}
</script>

在上面的代码中，一个文本框用于输入第一个数字，另一个文本框用于输入第二个数字，四个按钮用于选择加减乘除运算符，然后按“=”按钮进行计算。计算的结果将显示在另一个文本框中，并且该文本框是只读的。