用vue来实现一个计算器，代码要求不要太复杂

以下是一个简单的基于Vue.js的计算器代码示例：

HTML部分：

<div id="app">
  <div class="calculator">
    <div class="display">
      <input type="text" v-model="result" disabled>
    </div>
    <div class="buttons">
      <div class="row">
        <button @click="append('7')">7</button>
        <button @click="append('8')">8</button>
        <button @click="append('9')">9</button>
        <button @click="clear()">C</button>
      </div>
      <div class="row">
        <button @click="append('4')">4</button>
        <button @click="append('5')">5</button>
        <button @click="append('6')">6</button>
        <button @click="operate('/')">/</button>
      </div>
      <div class="row">
        <button @click="append('1')">1</button>
        <button @click="append('2')">2</button>
        <button @click="append('3')">3</button>
        <button @click="operate('*')">*</button>
      </div>
      <div class="row">
        <button @click="append('0')">0</button>
        <button @click="append('.')">.</button>
        <button @click="calculate()">=</button>
        <button @click="operate('-')">-</button>
      </div>
      <div class="row">
        <button @click="operate('+')">+</button>
      </div>
    </div>
  </div>
</div>

JavaScript部分：

new Vue({
  el: '#app',
  data: {
    result: ''
  },
  methods: {
    append(value) {
      this.result += value;
    },
    clear() {
      this.result = '';
    },
    operate(operator) {
      this.result += operator;
    },
    calculate() {
      this.result = eval(this.result);
    }
  }
});

这个计算器支持加、减、乘、除四则运算，以及小数点和清除操作。注意，eval()函数存在安全问题，实际使用时应该避免使用。