在Hello Vue组件中利用计算机属性制作简易计算器并且可以使用

好的，我可以帮你完成这个任务。

首先，你需要按照上面的方式在组件中定义计算属性，然后在模板中添加输入框、按钮和结果显示区域。不同的是，你需要将按钮的点击事件绑定到一个方法中，并在这个方法中触发计算属性的更新。代码如下：

<template>
  <div>
    <input type="number" v-model="firstNumber">
    <select v-model="operator">
      <option value="+">+</option>
      <option value="-">-</option>
      <option value="*">*</option>
      <option value="/">/</option>
    </select>
    <input type="number" v-model="secondNumber">
    <button @click="calculate">计算</button>
    <p>结果：{{ result }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      firstNumber: 0,
      secondNumber: 0,
      operator: '+'
    }
  },
  computed: {
    result() {
      switch (this.operator) {
        case '+':
          return this.firstNumber + this.secondNumber;
        case '-':
          return this.firstNumber - this.secondNumber;
        case '*':
          return this.firstNumber * this.secondNumber;
        case '/':
          return this.firstNumber / this.secondNumber;
        default:
          return 0;
      }
    }
  },
  methods: {
    calculate() {
      // 触发计算属性的更新
      this.$forceUpdate();
    }
  }
}
</script>

现在，你可以在浏览器中打开这个组件，并测试你的简易计算器了。注意，这个计算器没有做任何输入验证和异常处理，只是为了演示计算属性的用法，使用时请自行添加输入验证和异常处理的代码。